<template>
    <view class="system-detail">
        <view class="list" style="padding-top:24rpx;">
            <!-- 订单信息 -->
            <view class="box" v-if="detail.order">
                <view class="title row bothSide verCenter">
                    <view class="row rowCenter verCenter">
                        <text class="arrow"></text>
                        <text class="txt">订单信息</text>
                    </view>
                    <view class="status">{{ detail.order.self_business_progress_val }}</view>
                </view>
                <view class="text-box row verCenter">
                    <text class="t1">订单编号：</text>
                    <text class="t2">{{ detail.order.order_sn }}</text>
                </view>
                <view class="text-box row verCenter">
                    <text class="t1">进件渠道：</text>
                    <text class="t2">{{ detail.order.channel_user_name }}</text>
                </view>
                <view class="text-box row verCenter">
                    <text class="t1">产品系列：</text>
                    <text class="t2">{{ detail.order.product_series_val }}</text>
                </view>
                <view class="text-box row verCenter">
                    <text class="t1">客户名称：</text>
                    <text class="t2">{{ detail.order.apply_name }}</text>
                    <text class="t2" style="margin-left: 3px;">({{ detail.order.mobile }})</text>
                </view>
                <view class="text-box row verCenter">
                    <text class="t1">业务进度：</text>
                    <text class="t2" style="color: #16b777;">{{ detail.order.self_business_progress_node_val }}</text>
                </view>
                <!-- 业务进度后的内容，可展开收起 -->
                <template v-if="expandStatus.orderDetail">
                    <view class="text-box row verCenter">
                        <text class="t1">进件产品：</text>
                        <text class="t2">{{ detail.order.product_name }}</text>
                    </view>
                    <view class="text-box row verCenter">
                        <text class="t1">身份证号：</text>
                        <text class="t2">{{ detail.order.product_series_val }}</text>
                    </view>
                    <view class="text-box row verCenter">
                        <text class="t1">客户所在地： </text>
                        <text class="t2">{{ detail.order.apply_city_name }}</text>
                    </view>
                    <view class="text-box row verCenter">
                        <text class="t1">银行卡号：</text>
                        <text class="t2">{{ detail.order_ext.bank_card_name }}</text>
                        <text class="t2" style="margin-left: 3px;">{{ detail.order_ext.bank_card_number }}</text>
                    </view>
                    <view class="text-box row verCenter">
                        <text class="t1">产品类型：</text>
                        <text class="t2">{{ detail.order.product_type_val }}</text>
                    </view>
                    <view class="text-box row verCenter">
                        <text class="t1">车牌：</text>
                        <text class="t2">{{ detail.order_ext.car_no }}</text>
                    </view>
                    <view class="text-box row verCenter">
                        <text class="t1">车辆估值：</text>
                        <text class="t2" style="color: #16b777;">{{ detail.order_ext.vehicle_condition_price && detail.order_ext.vehicle_condition_price.c }}万元</text>
                    </view>
                    <view class="text-box row verCenter">
                        <text class="t1">申请金额：</text>
                        <text class="t2" style="color: #16b777;">{{ detail.order.apply_amount }}元</text>
                    </view>
                    <view class="text-box row verCenter" v-if="detail.order">
                        <text class="t1">出险报告：</text>
                        <template v-if="detail.order.kyk_link">
                            <a class="t2" style="color: #1224cc;" :href="detail.order.kyk_link" target="_blank">文件下载</a>
                        </template>
                        <template v-else>
                            <text class="t2">已call api，但是无返回</text>
                        </template>
                    </view>
                    <view class="text-box row verCenter" v-if="detail.order">
                        <text class="t1">司法不良：</text>
                        <a class="t2" style="color: #1224cc;" :href="href" target="_blank">文件下载</a>
                    </view>
                </template>
                <view class="view-all row rowCenter verCenter" @click="toggleExpand('orderDetail')">
                    <text class="tt">{{ expandStatus.orderDetail ? '收起' : '查看全部' }}</text>
                    <text class="iconfont icon-sanjiaoxing" :class="{ 'rotate': expandStatus.orderDetail }"></text>
                </view>
            </view>

            <view class="uni-sroll" v-if="detail.order">
                <v-tabs height="88rpx" :lineScale="1" v-model="current" :tabs="tabs" @change="changeTab" color="#404547" lineColor="#1226aa" activeColor="#1E2021"></v-tabs>
            </view>

            <view class="container-tabs-list">
                <swiper class="container-tabs-swiper" :current="swiperCurrent" @change="animationFinished" duration="800">
                    <swiper-item class="swiper-item" v-for="(tab, tabIndex) in tabs" :key="tabIndex">
                        <scroll-view scroll-y style="height: 100%">
                            <!-- 预审 -->
                            <template v-if="swiperCurrent == 0">
                                <view class="box" v-if="detail.order">
                                    <!-- 身份证资料 -->
                                    <view class="pic-box row" v-if="detail.order_ext.id_card_front_img">
                                        <text class="t1">身份证资料：</text>
                                        <view class="pic-item row">
                                            <image :src="detail.order_ext.id_card_front_img" class="pic" mode="aspectFill" @click="previewImage(detail.order_ext.id_card_front_img, [detail.order_ext.id_card_front_img, detail.order_ext.id_card_opposite_img])"></image>
                                            <image :src="detail.order_ext.id_card_opposite_img" class="pic" mode="aspectFill" @click="previewImage(detail.order_ext.id_card_opposite_img, [detail.order_ext.id_card_front_img, detail.order_ext.id_card_opposite_img])"></image>
                                        </view>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.vehicle_owner_id_card_name">
                                        <text class="t1">姓名：</text>
                                        <text class="t2">{{ detail.order_ext.vehicle_owner_id_card_name }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.vehicle_owner_id_card">
                                        <text class="t1">身份证号码：</text>
                                        <text class="t2">{{ detail.order_ext.vehicle_owner_id_card }}</text>
                                    </view>
                                    <!-- 行驶证资料 -->
                                    <view class="pic-box row bor" v-if="detail.order_ext.driving_license_original_img">
                                        <text class="t1">行驶证资料：</text>
                                        <view class="pic-item row">
                                            <image :src="detail.order_ext.driving_license_original_img" class="pic" mode="aspectFill" @click="previewImage(detail.order_ext.driving_license_original_img, [detail.order_ext.driving_license_original_img, detail.order_ext.driving_license_duplicate_img])"></image>
                                            <image :src="detail.order_ext.driving_license_duplicate_img" class="pic" mode="aspectFill" @click="previewImage(detail.order_ext.driving_license_duplicate_img, [detail.order_ext.driving_license_original_img, detail.order_ext.driving_license_duplicate_img])"></image>
                                        </view>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.mileage">
                                        <text class="t1">表显里程：</text>
                                        <text class="t2">{{ detail.order_ext.mileage }}</text>
                                    </view>
                                    <!-- 银行卡资料 -->
                                    <view class="pic-box row bor" v-if="detail.order_ext.bank_card_img">
                                        <text class="t1">银行卡图片</text>
                                        <view class="pic-item row">
                                            <image :src="detail.order_ext.bank_card_img" class="pic" mode="aspectFill" @click="previewImage(detail.order_ext.bank_card_img, [detail.order_ext.bank_card_img])"></image>
                                        </view>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.bank_card_number">
                                        <text class="t1">银行卡号：</text>
                                        <text class="t2">{{ detail.order_ext.bank_card_number }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.bank_reserve_mobile">
                                        <text class="t1">关联手机号：</text>
                                        <text class="t2">{{ detail.order_ext.bank_reserve_mobile }}</text>
                                    </view>
                                    <!-- 预审信息 -->
                                    <template v-if="detail.order_ext.pre_review_info_annual_income && parseFloat(detail.order_ext.pre_review_info_annual_income) > 0">
                                        <view class="hr-title row verCenter">预审信息</view>
                                        <view class="text-box row verCenter">
                                            <text class="t1">年收入：</text>
                                            <text class="t2">{{ detail.order_ext.pre_review_info_annual_income }}</text>
                                        </view>
                                        <view class="text-box row verCenter">
                                            <text class="t1">贷款用途：</text>
                                            <text class="t2">{{ detail.order_ext.pre_review_info_loan_purpose }}</text>
                                        </view>
                                        <view class="text-box row verCenter">
                                            <text class="t1">申请期数：</text>
                                            <text class="t2">{{ detail.order_ext.pre_review_info_loan_cycle }}</text>
                                        </view>
                                        <view class="text-box row verCenter">
                                            <text class="t1">申请城市：</text>
                                            <text class="t2">
                                                {{ detail.order_ext.pre_review_info_loan_address_province_id_val }}
                                                {{ detail.order_ext.pre_review_info_loan_address_city_id_val }}
                                                {{ detail.order_ext.pre_review_info_loan_address_district_id_val }}
                                                {{ detail.order_ext.pre_review_info_loan_address_detail }}
                                            </text>
                                        </view>
                                    </template>
                                </view>
                            </template>

                            <!-- 审批 -->
                            <template v-if="swiperCurrent == 1">
                                <view class="box" v-if="detail.order">
                                    <view class="hr-title row verCenter">个人信息</view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.base_info_apply_name">
                                        <text class="t1 w1">借款人姓名：</text>
                                        <text class="t2">{{ detail.order_ext.base_info_apply_name }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.base_info_id_card">
                                        <text class="t1 w1">身份证号码：</text>
                                        <text class="t2 w1">{{ detail.order_ext.base_info_id_card }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.base_info_mobile">
                                        <text class="t1 w1">手机号码：</text>
                                        <text class="t2">{{ detail.order_ext.base_info_mobile }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.base_info_email">
                                        <text class="t1 w1">邮箱：</text>
                                        <text class="t2">{{ detail.order_ext.base_info_email }}</text>
                                    </view>

                                    <!-- 基本信息 -->
                                    <view class="text-box row verCenter" v-if="detail.order_ext.base_info_domicile">
                                        <text class="t1 w1">户籍：</text>
                                        <text class="t2">{{ detail.order_ext.base_info_domicile }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.base_info_qualification">
                                        <text class="t1 w1">学历：</text>
                                        <text class="t2">{{ detail.order_ext.base_info_qualification_val }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.base_info_property_situation">
                                        <text class="t1 w1">居住状态：</text>
                                        <text class="t2">{{ detail.order_ext.base_info_property_situation_val }}</text>
                                    </view>
                                    <view class="text-box row" v-if="detail.order_ext.base_info_current_address">
                                        <text class="t1 w1">现居住地址：</text>
                                        <text class="t2">{{ detail.order_ext.base_info_current_address }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.base_info_residence_time">
                                        <text class="t1 w1">居住时间：</text>
                                        <text class="t2">{{ detail.order_ext.base_info_residence_time }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.base_info_marital_situation">
                                        <text class="t1 w1">婚姻情况：</text>
                                        <text class="t2">{{ detail.order_ext.base_info_marital_situation_val }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.base_info_loan_purpose">
                                        <text class="t1 w1">贷款用途：</text>
                                        <text class="t2">{{ detail.order_ext.base_info_loan_purpose_val }}</text>
                                    </view>

                                    <!-- 居住信息 -->
                                    <view class="text-box row verCenter" v-if="detail.order_ext.habitancy_info_is_loca">
                                        <text class="t1 w1">居住信息-是否本地人：</text>
                                        <text class="t2">{{ detail.order_ext.habitancy_info_is_local ? '是' : '否' }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.habitancy_info_is_local_house">
                                        <text class="t1 w1">居住信息-是否有住房：</text>
                                        <text class="t2">{{ detail.order_ext.habitancy_info_is_local_house ? '是' : '否' }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.habitancy_info_house_period">
                                        <text class="t1 w1">居住信息-居住年限：</text>
                                        <text class="t2">{{ detail.order_ext.habitancy_info_house_period }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.habitancy_info_house_type">
                                        <text class="t1 w1">居住信息-居住类型：</text>
                                        <text class="t2">{{ detail.order_ext.habitancy_info_house_type ? '是' : '否' }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.habitancy_info_house_address_detail">
                                        <text class="t1 w1">居住信息-房屋地址：</text>
                                        <text class="t2">{{ detail.order_ext.habitancy_info_house_address_province_id_val }}{{ detail.order_ext.habitancy_info_house_address_city_id_val }}{{ detail.order_ext.habitancy_info_house_address_district_id_val }}{{ detail.order_ext.habitancy_info_house_address_detail }}</text>
                                    </view>

                                    <!-- 工作信息 -->
                                    <view class="text-box row verCenter" v-if="detail.order_ext.base_info_income_source">
                                        <text class="t1 w1">收入来源：</text>
                                        <text class="t2">{{ detail.order_ext.base_info_income_source_val }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.work_info_first_job_date">
                                        <text class="t1 w1">首次工作日期：</text>
                                        <text class="t2">{{ detail.order_ext.work_info_first_job_date }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.work_info_monthly_income">
                                        <text class="t1 w1">月收入：</text>
                                        <text class="t2">{{ detail.order_ext.work_info_monthly_income }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.work_info_company_name">
                                        <text class="t1 w1">单位名称：</text>
                                        <text class="t2">{{ detail.order_ext.work_info_company_name }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.work_info_enter_current_company_date">
                                        <text class="t1 w1">进入现单位日期：</text>
                                        <text class="t2">{{ detail.order_ext.work_info_enter_current_company_date }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.work_info_position">
                                        <text class="t1 w1">工作职务：</text>
                                        <text class="t2">{{ detail.order_ext.work_info_position }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.work_info_company_address">
                                        <text class="t1 w1">单位地址：</text>
                                        <text class="t2">{{ detail.order_ext.work_info_company_address_province_id_val }}{{ detail.order_ext.work_info_company_address_city_id_val }}{{ detail.order_ext.work_info_company_address_district_id_val }}{{ detail.order_ext.work_info_company_address }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.work_info_employment_situation_val">
                                        <text class="t1 w1">就业情况：</text>
                                        <text class="t2">{{ detail.order_ext.work_info_employment_situation_val }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.work_info_company_type_val">
                                        <text class="t1 w1">公司类型：</text>
                                        <text class="t2">{{ detail.order_ext.work_info_company_type_val }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.work_info_job_period">
                                        <text class="t1 w1">工作年限：</text>
                                        <text class="t2">{{ detail.order_ext.work_info_job_period }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.work_info_business_license_sn">
                                        <text class="t1 w1">营业执照号：</text>
                                        <text class="t2">{{ detail.order_ext.work_info_business_license_sn }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.work_info_establishment_date">
                                        <text class="t1 w1">公司成立日期：</text>
                                        <text class="t2">{{ detail.order_ext.work_info_establishment_date }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.work_info_annual_revenue">
                                        <text class="t1 w1">公司营业年收入：</text>
                                        <text class="t2">{{ detail.order_ext.work_info_annual_revenue }}（万元）</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.work_info_tech_title_val">
                                        <text class="t1 w1">职称：</text>
                                        <text class="t2">{{ detail.order_ext.work_info_tech_title_val }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.work_info_company_telphone">
                                        <text class="t1 w1">单位电话：</text>
                                        <text class="t2">{{ detail.order_ext.work_info_company_telphone }}</text>
                                    </view>

                                    <!-- 配偶信息 -->
                                    <view class="text-box row verCenter" v-if="detail.order_ext.contacts_info_spouse_name">
                                        <text class="t1 w1">配偶信息-姓名：</text>
                                        <text class="t2">{{ detail.order_ext.contacts_info_spouse_name }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.contacts_info_spouse_mobile">
                                        <text class="t1 w1">配偶信息-手机号：</text>
                                        <text class="t2">{{ detail.order_ext.contacts_info_spouse_mobile }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.contacts_info_spouse_id_card">
                                        <text class="t1 w1">配偶信息-身份证号码：</text>
                                        <text class="t2">{{ detail.order_ext.contacts_info_spouse_id_card }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.contacts_info_spouse_company">
                                        <text class="t1 w1">配偶信息-工作单位：</text>
                                        <text class="t2">{{ detail.order_ext.contacts_info_spouse_company }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.contacts_info_spouse_company_addr">
                                        <text class="t1 w1">配偶信息-工作单位地址：</text>
                                        <text class="t2">{{ detail.order_ext.contacts_info_spouse_company_addr }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.contacts_info_spouse_company_phone">
                                        <text class="t1 w1">配偶信息-工作单位电话：</text>
                                        <text class="t2">{{ detail.order_ext.contacts_info_spouse_company_phone }}</text>
                                    </view>

                                    <!-- 紧急联系人1 -->
                                    <view class="text-box row verCenter" v-if="detail.order_ext.contacts_info_emergency_contact_1_name">
                                        <text class="t1 w1">紧急联系人1-姓名：</text>
                                        <text class="t2">{{ detail.order_ext.contacts_info_emergency_contact_1_name }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.contacts_info_emergency_contact_1_mobile">
                                        <text class="t1 w1">紧急联系人1-手机号：</text>
                                        <text class="t2">{{ detail.order_ext.contacts_info_emergency_contact_1_mobile }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.contacts_info_emergency_contact_1_relationship && detail.order_ext.contacts_info_emergency_contact_1_name">
                                        <text class="t1 w1">紧急联系人1-关系：</text>
                                        <text class="t2">{{ detail.order_ext.contacts_info_emergency_contact_1_relationship_val }}</text>
                                    </view>

                                    <!-- 紧急联系人2 -->
                                    <view class="text-box row verCenter" v-if="detail.order_ext.contacts_info_emergency_contact_2_name">
                                        <text class="t1 w1">紧急联系人2-姓名：</text>
                                        <text class="t2">{{ detail.order_ext.contacts_info_emergency_contact_2_name }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.contacts_info_emergency_contact_2_mobile">
                                        <text class="t1 w1">紧急联系人2-手机号：</text>
                                        <text class="t2">{{ detail.order_ext.contacts_info_emergency_contact_2_mobile }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.contacts_info_emergency_contact_2_relationship && detail.order_ext.contacts_info_emergency_contact_2_name">
                                        <text class="t1 w1">紧急联系人2-关系：</text>
                                        <text class="t2">{{ detail.order_ext.contacts_info_emergency_contact_2_relationship_val }}</text>
                                    </view>

                                    <!-- 紧急联系人3 -->
                                    <view class="text-box row verCenter" v-if="detail.order_ext.contacts_info_emergency_contact_3_name">
                                        <text class="t1 w1">紧急联系人3-姓名：</text>
                                        <text class="t2">{{ detail.order_ext.contacts_info_emergency_contact_3_name }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.contacts_info_emergency_contact_3_mobile">
                                        <text class="t1 w1">紧急联系人3-手机号：</text>
                                        <text class="t2">{{ detail.order_ext.contacts_info_emergency_contact_3_mobile }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.contacts_info_emergency_contact_3_relationship && detail.order_ext.contacts_info_emergency_contact_3_name">
                                        <text class="t1 w1">紧急联系人3-关系：</text>
                                        <text class="t2">{{ detail.order_ext.contacts_info_emergency_contact_3_relationship_val }}</text>
                                    </view>

                                    <!-- 紧急联系人4 -->
                                    <view class="text-box row verCenter" v-if="detail.order_ext.contacts_info_emergency_contact_4_name">
                                        <text class="t1 w1">紧急联系人4-姓名：</text>
                                        <text class="t2">{{ detail.order_ext.contacts_info_emergency_contact_4_name }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.contacts_info_emergency_contact_4_mobile">
                                        <text class="t1 w1">紧急联系人4-手机号：</text>
                                        <text class="t2">{{ detail.order_ext.contacts_info_emergency_contact_4_mobile }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.contacts_info_emergency_contact_4_relationship && detail.order_ext.contacts_info_emergency_contact_4_name">
                                        <text class="t1 w1">紧急联系人4-关系：</text>
                                        <text class="t2">{{ detail.order_ext.contacts_info_emergency_contact_4_relationship_val }}</text>
                                    </view>

                                    <!-- 紧急联系人5 -->
                                    <view class="text-box row verCenter" v-if="detail.order_ext.contacts_info_emergency_contact_5_name">
                                        <text class="t1 w1">紧急联系人5-姓名：</text>
                                        <text class="t2">{{ detail.order_ext.contacts_info_emergency_contact_5_name }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.contacts_info_emergency_contact_5_mobile">
                                        <text class="t1 w1">紧急联系人5-手机号：</text>
                                        <text class="t2">{{ detail.order_ext.contacts_info_emergency_contact_5_mobile }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_ext.contacts_info_emergency_contact_5_relationship && detail.order_ext.contacts_info_emergency_contact_5_name">
                                        <text class="t1 w1">紧急联系人5-关系：</text>
                                        <text class="t2">{{ detail.order_ext.contacts_info_emergency_contact_5_relationship_val }}</text>
                                    </view>

                                    <!-- 车辆信息 -->
                                    <template v-if="detail.order_ext.is_exists_car_info">
                                        <view class="hr-title row verCenter">车辆信息</view>
                                        <view class="row" style="flex-wrap: wrap;">
                                            <view class="pic-box row" v-if="detail.order_ext.car_registration_1">
                                                <text class="t1">登记证1：</text>
                                                <view class="pic-item row">
                                                    <!-- 根据文件后缀判断是图片、视频还是PDF -->
                                                    <image v-if="isPdfFile(detail.order_ext.car_registration_1)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_registration_1)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_registration_1)" :src="detail.order_ext.car_registration_1" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_registration_1"></video>
                                                    <image v-else :src="detail.order_ext.car_registration_1" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_registration_1)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.car_registration_2">
                                                <text class="t1">登记证2：</text>
                                                <view class="pic-item row">
                                                    <!-- 根据文件后缀判断是图片、视频还是PDF -->
                                                    <image v-if="isPdfFile(detail.order_ext.car_registration_2)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_registration_2)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_registration_2)" :src="detail.order_ext.car_registration_2" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_registration_2"></video>
                                                    <image v-else :src="detail.order_ext.car_registration_2" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_registration_2)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.car_driver_license_3">
                                                <text class="t1">登记证3：</text>
                                                <view class="pic-item row">
                                                    <!-- 根据文件后缀判断是图片、视频还是PDF -->
                                                    <image v-if="isPdfFile(detail.order_ext.car_driver_license_3)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_driver_license_3)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_driver_license_3)" :src="detail.order_ext.car_driver_license_3" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_driver_license_3"></video>
                                                    <image v-else :src="detail.order_ext.car_driver_license_3" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_driver_license_3)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.car_driver_license_4">
                                                <text class="t1">登记证4：</text>
                                                <view class="pic-item row">
                                                    <!-- 根据文件后缀判断是图片、视频还是PDF -->
                                                    <image v-if="isPdfFile(detail.order_ext.car_driver_license_4)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_driver_license_4)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_driver_license_4)" :src="detail.order_ext.car_driver_license_4" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_driver_license_4"></video>
                                                    <image v-else :src="detail.order_ext.car_driver_license_4" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_driver_license_4)"></image>
                                                </view>
                                            </view>
                                            <!-- 驾驶证相关 -->
                                            <view class="pic-box row" v-if="detail.order_ext.car_driver_license_1">
                                                <text class="t1">驾驶证1：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_driver_license_1)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_driver_license_1)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_driver_license_1)" :src="detail.order_ext.car_driver_license_1" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_driver_license_1"></video>
                                                    <image v-else :src="detail.order_ext.car_driver_license_1" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_driver_license_1)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.car_driver_license_2">
                                                <text class="t1">驾驶证2：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_driver_license_2)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_driver_license_2)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_driver_license_2)" :src="detail.order_ext.car_driver_license_2" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_driver_license_2"></video>
                                                    <image v-else :src="detail.order_ext.car_driver_license_2" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_driver_license_2)"></image>
                                                </view>
                                            </view>
                                            <!-- 保险相关 -->
                                            <view class="pic-box row" v-if="detail.order_ext.car_commercial_insurance_img">
                                                <text class="t1">商业险：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_commercial_insurance_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_commercial_insurance_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_commercial_insurance_img)" :src="detail.order_ext.car_commercial_insurance_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_commercial_insurance_img"></video>
                                                    <image v-else :src="detail.order_ext.car_commercial_insurance_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_commercial_insurance_img)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.car_compulsory_traffic_insurance_img">
                                                <text class="t1">交强险：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_compulsory_traffic_insurance_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_compulsory_traffic_insurance_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_compulsory_traffic_insurance_img)" :src="detail.order_ext.car_compulsory_traffic_insurance_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_compulsory_traffic_insurance_img"></video>
                                                    <image v-else :src="detail.order_ext.car_compulsory_traffic_insurance_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_compulsory_traffic_insurance_img)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.car_violation_record_img">
                                                <text class="t1">违章截图：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_violation_record_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_violation_record_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_violation_record_img)" :src="detail.order_ext.car_violation_record_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_violation_record_img"></video>
                                                    <image v-else :src="detail.order_ext.car_violation_record_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_violation_record_img)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.car_annual_inspection_img">
                                                <text class="t1">年检截图：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_annual_inspection_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_annual_inspection_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_annual_inspection_img)" :src="detail.order_ext.car_annual_inspection_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_annual_inspection_img"></video>
                                                    <image v-else :src="detail.order_ext.car_annual_inspection_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_annual_inspection_img)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.car_elec_driver_license_img">
                                                <text class="t1">电子驾照：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_elec_driver_license_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_elec_driver_license_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_elec_driver_license_img)" :src="detail.order_ext.car_elec_driver_license_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_elec_driver_license_img"></video>
                                                    <image v-else :src="detail.order_ext.car_elec_driver_license_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_elec_driver_license_img)"></image>
                                                </view>
                                            </view>
                                            <!-- 车辆状态和其他信息 -->
                                            <view class="pic-box row" v-if="detail.order_ext.car_status_img">
                                                <text class="t1">车辆状态截图：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_status_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_status_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_status_img)" :src="detail.order_ext.car_status_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_status_img"></video>
                                                    <image v-else :src="detail.order_ext.car_status_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_status_img)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.car_driving_score_img">
                                                <text class="t1">驾驶分查询：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_driving_score_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_driving_score_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_driving_score_img)" :src="detail.order_ext.car_driving_score_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_driving_score_img"></video>
                                                    <image v-else :src="detail.order_ext.car_driving_score_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_driving_score_img)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.car_displacement_img">
                                                <text class="t1">车辆排量：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_displacement_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_displacement_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_displacement_img)" :src="detail.order_ext.car_displacement_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_displacement_img"></video>
                                                    <image v-else :src="detail.order_ext.car_displacement_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_displacement_img)"></image>
                                                </view>
                                            </view>

                                            <!-- 车辆外观照片 -->
                                            <view class="pic-box row" v-if="detail.order_ext.car_front_img">
                                                <text class="t1">车照片-正前方：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_front_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_front_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_front_img)" :src="detail.order_ext.car_front_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_front_img"></video>
                                                    <image v-else :src="detail.order_ext.car_front_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_front_img)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.car_rear_img">
                                                <text class="t1">车照片-正后方：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_rear_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_rear_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_rear_img)" :src="detail.order_ext.car_rear_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_rear_img"></video>
                                                    <image v-else :src="detail.order_ext.car_rear_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_rear_img)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.car_left_front_img">
                                                <text class="t1">车照片-左前方：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_left_front_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_left_front_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_left_front_img)" :src="detail.order_ext.car_left_front_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_left_front_img"></video>
                                                    <image v-else :src="detail.order_ext.car_left_front_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_left_front_img)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.car_right_front_img">
                                                <text class="t1">车照片-右前方：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_right_front_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_right_front_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_right_front_img)" :src="detail.order_ext.car_right_front_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_right_front_img"></video>
                                                    <image v-else :src="detail.order_ext.car_right_front_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_right_front_img)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.car_left_rear_img">
                                                <text class="t1">车照片-左后方：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_left_rear_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_left_rear_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_left_rear_img)" :src="detail.order_ext.car_left_rear_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_left_rear_img"></video>
                                                    <image v-else :src="detail.order_ext.car_left_rear_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_left_rear_img)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.car_right_rear_img">
                                                <text class="t1">车照片-右后方：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_right_rear_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_right_rear_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_right_rear_img)" :src="detail.order_ext.car_right_rear_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_right_rear_img"></video>
                                                    <image v-else :src="detail.order_ext.car_right_rear_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_right_rear_img)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.car_left_side_img">
                                                <text class="t1">车照片-正左侧：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_left_side_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_left_side_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_left_side_img)" :src="detail.order_ext.car_left_side_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_left_side_img"></video>
                                                    <image v-else :src="detail.order_ext.car_left_side_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_left_side_img)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.car_right_side_img">
                                                <text class="t1">车照片-正右侧：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_right_side_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_right_side_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_right_side_img)" :src="detail.order_ext.car_right_side_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_right_side_img"></video>
                                                    <image v-else :src="detail.order_ext.car_right_side_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_right_side_img)"></image>
                                                </view>
                                            </view>

                                            <!-- 车辆发动机相关 -->
                                            <view class="pic-box row" v-if="detail.order_ext.car_engine_img">
                                                <text class="t1">车照片-发动机：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_engine_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_engine_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_engine_img)" :src="detail.order_ext.car_engine_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_engine_img"></video>
                                                    <image v-else :src="detail.order_ext.car_engine_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_engine_img)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.car_left_engine_img">
                                                <text class="t1">车照片-左引擎：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_left_engine_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_left_engine_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_left_engine_img)" :src="detail.order_ext.car_left_engine_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_left_engine_img"></video>
                                                    <image v-else :src="detail.order_ext.car_left_engine_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_left_engine_img)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.car_right_engine_img">
                                                <text class="t1">车照片-右引擎：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_right_engine_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_right_engine_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_right_engine_img)" :src="detail.order_ext.car_right_engine_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_right_engine_img"></video>
                                                    <image v-else :src="detail.order_ext.car_right_engine_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_right_engine_img)"></image>
                                                </view>
                                            </view>

                                            <!-- 车辆细节照片 -->
                                            <view class="pic-box row" v-if="detail.order_ext.car_frame_number_img">
                                                <text class="t1">车照片-车架号：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_frame_number_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_frame_number_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_frame_number_img)" :src="detail.order_ext.car_frame_number_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_frame_number_img"></video>
                                                    <image v-else :src="detail.order_ext.car_frame_number_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_frame_number_img)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.car_nameplate_img">
                                                <text class="t1">车照片-铭牌：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_nameplate_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_nameplate_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_nameplate_img)" :src="detail.order_ext.car_nameplate_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_nameplate_img"></video>
                                                    <image v-else :src="detail.order_ext.car_nameplate_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_nameplate_img)"></image>
                                                </view>
                                            </view>

                                            <!-- 车内照片 -->
                                            <view class="pic-box row" v-if="detail.order_ext.car_central_control_img">
                                                <text class="t1">车照片-中控：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_central_control_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_central_control_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_central_control_img)" :src="detail.order_ext.car_central_control_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_central_control_img"></video>
                                                    <image v-else :src="detail.order_ext.car_central_control_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_central_control_img)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.car_steering_wheel_img">
                                                <text class="t1">车照片-方向盘：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_steering_wheel_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_steering_wheel_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_steering_wheel_img)" :src="detail.order_ext.car_steering_wheel_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_steering_wheel_img"></video>
                                                    <image v-else :src="detail.order_ext.car_steering_wheel_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_steering_wheel_img)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.car_kilometers_img">
                                                <text class="t1">车照片-公里数：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_kilometers_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_kilometers_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_kilometers_img)" :src="detail.order_ext.car_kilometers_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_kilometers_img"></video>
                                                    <image v-else :src="detail.order_ext.car_kilometers_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_kilometers_img)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.car_driver_seat_img">
                                                <text class="t1">车照片-驾驶位：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_driver_seat_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_driver_seat_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_driver_seat_img)" :src="detail.order_ext.car_driver_seat_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_driver_seat_img"></video>
                                                    <image v-else :src="detail.order_ext.car_driver_seat_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_driver_seat_img)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.car_front_seat_img">
                                                <text class="t1">车照片-前排座椅：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_front_seat_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_front_seat_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_front_seat_img)" :src="detail.order_ext.car_front_seat_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_front_seat_img"></video>
                                                    <image v-else :src="detail.order_ext.car_front_seat_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_front_seat_img)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.car_rear_seat_img">
                                                <text class="t1">车照片-后排座椅：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_rear_seat_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_rear_seat_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_rear_seat_img)" :src="detail.order_ext.car_rear_seat_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_rear_seat_img"></video>
                                                    <image v-else :src="detail.order_ext.car_rear_seat_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_rear_seat_img)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.car_air_outlet_img">
                                                <text class="t1">车照片-出风口：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_air_outlet_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_air_outlet_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_air_outlet_img)" :src="detail.order_ext.car_air_outlet_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_air_outlet_img"></video>
                                                    <image v-else :src="detail.order_ext.car_air_outlet_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_air_outlet_img)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.car_trunk_img">
                                                <text class="t1">车照片-后备箱：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_trunk_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_trunk_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_trunk_img)" :src="detail.order_ext.car_trunk_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_trunk_img"></video>
                                                    <image v-else :src="detail.order_ext.car_trunk_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_trunk_img)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.car_spare_tire_well_img">
                                                <text class="t1">车照片-备胎槽：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_spare_tire_well_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_spare_tire_well_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_spare_tire_well_img)" :src="detail.order_ext.car_spare_tire_well_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_spare_tire_well_img"></video>
                                                    <image v-else :src="detail.order_ext.car_spare_tire_well_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_spare_tire_well_img)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.car_skylight_img">
                                                <text class="t1">车照片-天窗：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_skylight_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_skylight_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_skylight_img)" :src="detail.order_ext.car_skylight_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_skylight_img"></video>
                                                    <image v-else :src="detail.order_ext.car_skylight_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_skylight_img)"></image>
                                                </view>
                                            </view>

                                            <!-- 客户合影 -->
                                            <view class="pic-box row" v-if="detail.order_ext.car_customer_img">
                                                <text class="t1">车照片-客户和车合影：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_customer_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_customer_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_customer_img)" :src="detail.order_ext.car_customer_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_customer_img"></video>
                                                    <image v-else :src="detail.order_ext.car_customer_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_customer_img)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.car_cuseromer_manager_img">
                                                <text class="t1">客户-客户经理-车合影：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.car_cuseromer_manager_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.car_cuseromer_manager_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.car_cuseromer_manager_img)" :src="detail.order_ext.car_cuseromer_manager_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.car_cuseromer_manager_img"></video>
                                                    <image v-else :src="detail.order_ext.car_cuseromer_manager_img" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_ext.car_cuseromer_manager_img)"></image>
                                                </view>
                                            </view>

                                            <!-- 保险信息文字字段 -->
                                            <view class="text-box row verCenter" v-if="detail.order_ext.vehicle_insurance_info_license_organ">
                                                <text class="t1">保险发证机关：</text>
                                                <text class="t2">{{ detail.order_ext.vehicle_insurance_info_license_organ }}</text>
                                            </view>
                                            <view class="text-box row verCenter" v-if="detail.order_ext.vehicle_insurance_info_company_name">
                                                <text class="t1">保险公司名称：</text>
                                                <text class="t2">{{ detail.order_ext.vehicle_insurance_info_company_name }}</text>
                                            </view>
                                            <view class="text-box row verCenter" v-if="detail.order_ext.vehicle_insurance_info_expiration_date">
                                                <text class="t1">车辆保险到期时间：</text>
                                                <text class="t2">{{ detail.order_ext.vehicle_insurance_info_expiration_date }}</text>
                                            </view>
                                            <view class="text-box row verCenter" v-if="detail.order_ext.vehicle_insurance_info_certificate_no">
                                                <text class="t1">车辆权证编号：</text>
                                                <text class="t2">{{ detail.order_ext.vehicle_insurance_info_certificate_no }}</text>
                                            </view>
                                            <view class="text-box row verCenter" v-if="detail.order_ext.vehicle_insurance_info_license_date">
                                                <text class="t1">车辆保险信息发证日期：</text>
                                                <text class="t2">{{ detail.order_ext.vehicle_insurance_info_license_date }}</text>
                                            </view>
                                        </view>
                                    </template>

                                    <!-- 进件材料 -->
                                    <template v-if="detail.order_ext.is_exists_admission_info">
                                        <view class="hr-title row verCenter">进件材料</view>
                                        <view class="row" style="flex-wrap: wrap;">
                                            <!-- 准入信息 -->
                                            <view class="pic-box row" v-if="detail.order_ext.admission_info_local_domicile">
                                                <text class="t1">本地户籍：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.admission_info_local_domicile)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.admission_info_local_domicile)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.admission_info_local_domicile)" :src="detail.order_ext.admission_info_local_domicile" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.admission_info_local_domicile"></video>
                                                    <image v-else :src="detail.order_ext.admission_info_local_domicile" class="pic" mode="aspectFill" @click="previewAdmissionImages(detail.order_ext.admission_info_local_domicile)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.admission_info_business_license_img">
                                                <text class="t1">营业执照：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.admission_info_business_license_img)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.admission_info_business_license_img)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.admission_info_business_license_img)" :src="detail.order_ext.admission_info_business_license_img" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.admission_info_business_license_img"></video>
                                                    <image v-else :src="detail.order_ext.admission_info_business_license_img" class="pic" mode="aspectFill" @click="previewAdmissionImages(detail.order_ext.admission_info_business_license_img)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.admission_info_social_security_payment_record">
                                                <text class="t1">社保/公积金缴纳记录：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.admission_info_social_security_payment_record)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.admission_info_social_security_payment_record)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.admission_info_social_security_payment_record)" :src="detail.order_ext.admission_info_social_security_payment_record" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.admission_info_social_security_payment_record"></video>
                                                    <image v-else :src="detail.order_ext.admission_info_social_security_payment_record" class="pic" mode="aspectFill" @click="previewAdmissionImages(detail.order_ext.admission_info_social_security_payment_record)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.admission_info_local_property">
                                                <text class="t1">本地房产：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.admission_info_local_property)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.admission_info_local_property)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.admission_info_local_property)" :src="detail.order_ext.admission_info_local_property" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.admission_info_local_property"></video>
                                                    <image v-else :src="detail.order_ext.admission_info_local_property" class="pic" mode="aspectFill" @click="previewAdmissionImages(detail.order_ext.admission_info_local_property)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.admission_info_local_agency_payment">
                                                <text class="t1">本地代发工资：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.admission_info_local_agency_payment)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.admission_info_local_agency_payment)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.admission_info_local_agency_payment)" :src="detail.order_ext.admission_info_local_agency_payment" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.admission_info_local_agency_payment"></video>
                                                    <image v-else :src="detail.order_ext.admission_info_local_agency_payment" class="pic" mode="aspectFill" @click="previewAdmissionImages(detail.order_ext.admission_info_local_agency_payment)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.admission_info_express_takeout_record">
                                                <text class="t1">收快递或外卖的订单记录：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.admission_info_express_takeout_record)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.admission_info_express_takeout_record)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.admission_info_express_takeout_record)" :src="detail.order_ext.admission_info_express_takeout_record" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.admission_info_express_takeout_record"></video>
                                                    <image v-else :src="detail.order_ext.admission_info_express_takeout_record" class="pic" mode="aspectFill" @click="previewAdmissionImages(detail.order_ext.admission_info_express_takeout_record)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.admission_info_local_license_plate">
                                                <text class="t1">本地车牌：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.admission_info_local_license_plate)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.admission_info_local_license_plate)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.admission_info_local_license_plate)" :src="detail.order_ext.admission_info_local_license_plate" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.admission_info_local_license_plate"></video>
                                                    <image v-else :src="detail.order_ext.admission_info_local_license_plate" class="pic" mode="aspectFill" @click="previewAdmissionImages(detail.order_ext.admission_info_local_license_plate)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.admission_info_phone_online_duration">
                                                <text class="t1">手机在网时长：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.admission_info_phone_online_duration)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.admission_info_phone_online_duration)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.admission_info_phone_online_duration)" :src="detail.order_ext.admission_info_phone_online_duration" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.admission_info_phone_online_duration"></video>
                                                    <image v-else :src="detail.order_ext.admission_info_phone_online_duration" class="pic" mode="aspectFill" @click="previewAdmissionImages(detail.order_ext.admission_info_phone_online_duration)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.admission_info_supplement">
                                                <text class="t1">准入信息补充：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.admission_info_supplement)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.admission_info_supplement)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.admission_info_supplement)" :src="detail.order_ext.admission_info_supplement" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.admission_info_supplement"></video>
                                                    <image v-else :src="detail.order_ext.admission_info_supplement" class="pic" mode="aspectFill" @click="previewAdmissionImages(detail.order_ext.admission_info_supplement)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.admission_info_handheld_id_card">
                                                <text class="t1">手持身份证：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.admission_info_handheld_id_card)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.admission_info_handheld_id_card)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.admission_info_handheld_id_card)" :src="detail.order_ext.admission_info_handheld_id_card" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.admission_info_handheld_id_card"></video>
                                                    <image v-else :src="detail.order_ext.admission_info_handheld_id_card" class="pic" mode="aspectFill" @click="previewAdmissionImages(detail.order_ext.admission_info_handheld_id_card)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.admission_info_residence_certificate">
                                                <text class="t1">居住证明：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.admission_info_residence_certificate)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.admission_info_residence_certificate)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.admission_info_residence_certificate)" :src="detail.order_ext.admission_info_residence_certificate" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.admission_info_residence_certificate"></video>
                                                    <image v-else :src="detail.order_ext.admission_info_residence_certificate" class="pic" mode="aspectFill" @click="previewAdmissionImages(detail.order_ext.admission_info_residence_certificate)"></image>
                                                </view>
                                            </view>

                                            <!-- 补充信息 -->
                                            <view class="pic-box row" v-if="detail.order_ext.supplement_info_new_insurance_expiration_date">
                                                <text class="t1">新保险到期时间：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.supplement_info_new_insurance_expiration_date)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.supplement_info_new_insurance_expiration_date)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.supplement_info_new_insurance_expiration_date)" :src="detail.order_ext.supplement_info_new_insurance_expiration_date" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.supplement_info_new_insurance_expiration_date"></video>
                                                    <image v-else :src="detail.order_ext.supplement_info_new_insurance_expiration_date" class="pic" mode="aspectFill" @click="previewAdmissionImages(detail.order_ext.supplement_info_new_insurance_expiration_date)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.supplement_info_new_insurance_company_name">
                                                <text class="t1">新保险公司名单：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.supplement_info_new_insurance_company_name)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.supplement_info_new_insurance_company_name)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.supplement_info_new_insurance_company_name)" :src="detail.order_ext.supplement_info_new_insurance_company_name" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.supplement_info_new_insurance_company_name"></video>
                                                    <image v-else :src="detail.order_ext.supplement_info_new_insurance_company_name" class="pic" mode="aspectFill" @click="previewAdmissionImages(detail.order_ext.supplement_info_new_insurance_company_name)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.supplement_info_new_violation_record">
                                                <text class="t1">新违章扣分：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.supplement_info_new_violation_record)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.supplement_info_new_violation_record)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.supplement_info_new_violation_record)" :src="detail.order_ext.supplement_info_new_violation_record" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.supplement_info_new_violation_record"></video>
                                                    <image v-else :src="detail.order_ext.supplement_info_new_violation_record" class="pic" mode="aspectFill" @click="previewAdmissionImages(detail.order_ext.supplement_info_new_violation_record)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.supplement_info_new_compulsory_traffic_insurance">
                                                <text class="t1">新交强险保单：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.supplement_info_new_compulsory_traffic_insurance)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.supplement_info_new_compulsory_traffic_insurance)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.supplement_info_new_compulsory_traffic_insurance)" :src="detail.order_ext.supplement_info_new_compulsory_traffic_insurance" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.supplement_info_new_compulsory_traffic_insurance"></video>
                                                    <image v-else :src="detail.order_ext.supplement_info_new_compulsory_traffic_insurance" class="pic" mode="aspectFill" @click="previewAdmissionImages(detail.order_ext.supplement_info_new_compulsory_traffic_insurance)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.supplement_info_new_commercial_insurance">
                                                <text class="t1">新商业保险单：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.supplement_info_new_commercial_insurance)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.supplement_info_new_commercial_insurance)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.supplement_info_new_commercial_insurance)" :src="detail.order_ext.supplement_info_new_commercial_insurance" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.supplement_info_new_commercial_insurance"></video>
                                                    <image v-else :src="detail.order_ext.supplement_info_new_commercial_insurance" class="pic" mode="aspectFill" @click="previewAdmissionImages(detail.order_ext.supplement_info_new_commercial_insurance)"></image>
                                                </view>
                                            </view>

                                            <!-- 财力信息 -->
                                            <view class="pic-box row" v-if="detail.order_ext.finance_info_redbook_in_hand">
                                                <text class="t1">房产：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.finance_info_redbook_in_hand)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.finance_info_redbook_in_hand)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.finance_info_redbook_in_hand)" :src="detail.order_ext.finance_info_redbook_in_hand" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.finance_info_redbook_in_hand"></video>
                                                    <image v-else :src="detail.order_ext.finance_info_redbook_in_hand" class="pic" mode="aspectFill" @click="previewAdmissionImages(detail.order_ext.finance_info_redbook_in_hand)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.finance_info_social_security_payment_record">
                                                <text class="t1">社保缴纳记录：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.finance_info_social_security_payment_record)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.finance_info_social_security_payment_record)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.finance_info_social_security_payment_record)" :src="detail.order_ext.finance_info_social_security_payment_record" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.finance_info_social_security_payment_record"></video>
                                                    <image v-else :src="detail.order_ext.finance_info_social_security_payment_record" class="pic" mode="aspectFill" @click="previewAdmissionImages(detail.order_ext.finance_info_social_security_payment_record)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.finance_info_accumulation_fund_deposit_record">
                                                <text class="t1">公积金缴存记录：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.finance_info_accumulation_fund_deposit_record)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.finance_info_accumulation_fund_deposit_record)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.finance_info_accumulation_fund_deposit_record)" :src="detail.order_ext.finance_info_accumulation_fund_deposit_record" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.finance_info_accumulation_fund_deposit_record"></video>
                                                    <image v-else :src="detail.order_ext.finance_info_accumulation_fund_deposit_record" class="pic" mode="aspectFill" @click="previewAdmissionImages(detail.order_ext.finance_info_accumulation_fund_deposit_record)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.finance_info_two_quarters_interest_settlement_record">
                                                <text class="t1">近二个季度结息记录：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.finance_info_two_quarters_interest_settlement_record)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.finance_info_two_quarters_interest_settlement_record)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.finance_info_two_quarters_interest_settlement_record)" :src="detail.order_ext.finance_info_two_quarters_interest_settlement_record" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.finance_info_two_quarters_interest_settlement_record"></video>
                                                    <image v-else :src="detail.order_ext.finance_info_two_quarters_interest_settlement_record" class="pic" mode="aspectFill" @click="previewAdmissionImages(detail.order_ext.finance_info_two_quarters_interest_settlement_record)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.finance_info_six_months_bank_transaction_record">
                                                <text class="t1">近六个月流水记录：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.finance_info_six_months_bank_transaction_record)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.finance_info_six_months_bank_transaction_record)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.finance_info_six_months_bank_transaction_record)" :src="detail.order_ext.finance_info_six_months_bank_transaction_record" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.finance_info_six_months_bank_transaction_record"></video>
                                                    <image v-else :src="detail.order_ext.finance_info_six_months_bank_transaction_record" class="pic" mode="aspectFill" @click="previewAdmissionImages(detail.order_ext.finance_info_six_months_bank_transaction_record)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.finance_info_life_policy_record">
                                                <text class="t1">人寿保单记录：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.finance_info_life_policy_record)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.finance_info_life_policy_record)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.finance_info_life_policy_record)" :src="detail.order_ext.finance_info_life_policy_record" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.finance_info_life_policy_record"></video>
                                                    <image v-else :src="detail.order_ext.finance_info_life_policy_record" class="pic" mode="aspectFill" @click="previewAdmissionImages(detail.order_ext.finance_info_life_policy_record)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.finance_info_car_loan_repayment_record">
                                                <text class="t1">上笔车贷还款月供记录：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.finance_info_car_loan_repayment_record)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.finance_info_car_loan_repayment_record)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.finance_info_car_loan_repayment_record)" :src="detail.order_ext.finance_info_car_loan_repayment_record" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.finance_info_car_loan_repayment_record"></video>
                                                    <image v-else :src="detail.order_ext.finance_info_car_loan_repayment_record" class="pic" mode="aspectFill" @click="previewAdmissionImages(detail.order_ext.finance_info_car_loan_repayment_record)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.finance_info_two_years_business_insurance_record">
                                                <text class="t1">近两年商业险的保费记录：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.finance_info_two_years_business_insurance_record)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.finance_info_two_years_business_insurance_record)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.finance_info_two_years_business_insurance_record)" :src="detail.order_ext.finance_info_two_years_business_insurance_record" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.finance_info_two_years_business_insurance_record"></video>
                                                    <image v-else :src="detail.order_ext.finance_info_two_years_business_insurance_record" class="pic" mode="aspectFill" @click="previewAdmissionImages(detail.order_ext.finance_info_two_years_business_insurance_record)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.finance_info_annual_income">
                                                <text class="t1">个税年收入：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.finance_info_annual_income)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.finance_info_annual_income)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.finance_info_annual_income)" :src="detail.order_ext.finance_info_annual_income" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.finance_info_annual_income"></video>
                                                    <image v-else :src="detail.order_ext.finance_info_annual_income" class="pic" mode="aspectFill" @click="previewAdmissionImages(detail.order_ext.finance_info_annual_income)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_ext.finance_info_supplement">
                                                <text class="t1">财力信息补充：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.finance_info_supplement)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.finance_info_supplement)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.finance_info_supplement)" :src="detail.order_ext.finance_info_supplement" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.finance_info_supplement"></video>
                                                    <image v-else :src="detail.order_ext.finance_info_supplement" class="pic" mode="aspectFill" @click="previewAdmissionImages(detail.order_ext.finance_info_supplement)"></image>
                                                </view>
                                            </view>
                                        </view>
                                    </template>

                                    <!-- 材料补充 -->
                                    <template v-if="detail.order_ext.order_info_supplement_img_1 && detail.order_ext.order_info_supplement_img_2 && detail.order_ext.order_info_supplement_img_3 && detail.order_ext.order_info_supplement_img_4 && detail.order_ext.order_info_supplement_img_5 && detail.order_ext.order_info_supplement_img_6">
                                        <view class="hr-title row verCenter">材料补充</view>
                                        <view class="row" style="flex-wrap: wrap;">
                                            <view class="pic-box row">
                                                <text class="t1">材料补充1：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.order_info_supplement_img_1)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.order_info_supplement_img_1)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.order_info_supplement_img_1)" :src="detail.order_ext.order_info_supplement_img_1" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.order_info_supplement_img_1"></video>
                                                    <image v-else :src="detail.order_ext.order_info_supplement_img_1" class="pic" mode="aspectFill" @click="previewSupplementImages(detail.order_ext.order_info_supplement_img_1)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row">
                                                <text class="t1">材料补充2：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.order_info_supplement_img_2)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.order_info_supplement_img_2)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.order_info_supplement_img_2)" :src="detail.order_ext.order_info_supplement_img_2" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.order_info_supplement_img_2"></video>
                                                    <image v-else :src="detail.order_ext.order_info_supplement_img_2" class="pic" mode="aspectFill" @click="previewSupplementImages(detail.order_ext.order_info_supplement_img_2)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row">
                                                <text class="t1">材料补充3：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.order_info_supplement_img_3)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.order_info_supplement_img_3)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.order_info_supplement_img_3)" :src="detail.order_ext.order_info_supplement_img_3" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.order_info_supplement_img_3"></video>
                                                    <image v-else :src="detail.order_ext.order_info_supplement_img_3" class="pic" mode="aspectFill" @click="previewSupplementImages(detail.order_ext.order_info_supplement_img_3)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row">
                                                <text class="t1">材料补充4：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.order_info_supplement_img_4)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.order_info_supplement_img_4)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.order_info_supplement_img_4)" :src="detail.order_ext.order_info_supplement_img_4" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.order_info_supplement_img_4"></video>
                                                    <image v-else :src="detail.order_ext.order_info_supplement_img_4" class="pic" mode="aspectFill" @click="previewSupplementImages(detail.order_ext.order_info_supplement_img_4)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row">
                                                <text class="t1">材料补充5：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.order_info_supplement_img_5)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.order_info_supplement_img_5)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.order_info_supplement_img_5)" :src="detail.order_ext.order_info_supplement_img_5" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.order_info_supplement_img_5"></video>
                                                    <image v-else :src="detail.order_ext.order_info_supplement_img_5" class="pic" mode="aspectFill" @click="previewSupplementImages(detail.order_ext.order_info_supplement_img_5)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row">
                                                <text class="t1">材料补充6：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_ext.order_info_supplement_img_6)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_ext.order_info_supplement_img_6)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_ext.order_info_supplement_img_6)" :src="detail.order_ext.order_info_supplement_img_6" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_ext.order_info_supplement_img_6"></video>
                                                    <image v-else :src="detail.order_ext.order_info_supplement_img_6" class="pic" mode="aspectFill" @click="previewSupplementImages(detail.order_ext.order_info_supplement_img_6)"></image>
                                                </view>
                                            </view>
                                        </view>

                                    </template>

                                    <!-- 申贷备注 -->
                                    <view class="text-box row verCenter" v-if="detail.order_ext.apply_loan_remark">
                                        <text class="t1 w1">申贷备注：</text>
                                        <text class="t2">{{ detail.order_ext.apply_loan_remark }}</text>
                                    </view>

                                </view>
                            </template>

                            <!-- 签约 -->
                            <template v-if="swiperCurrent == 2">
                                <!-- 待发起签约 -->
                                <view class="box">
                                    <view class="text-box row bothSide verCenter">
                                        <view class="row verCenter">
                                            <text class="t1" style="width: auto;">签约说明：</text>
                                            <text class="t2">{{ detail.order_supplement.lending_condition ? '通过' : '不通过' }}</text>
                                        </view>
                                        <text class="t2" style="color: #16b777;" @click="showContractList">查看合同列表</text>
                                    </view>
                                    <view class="text-box row verCenter">

                                    </view>
                                    <template v-if="detail.order_supplement.is_sign_elec_contract == 1">
                                        <view class="text-box row verCenter">
                                            <text class="t1" style="width: auto;">1、</text>
                                            <text class="t2">客户已完成平台电子合同签署</text>
                                        </view>
                                        <view class="text-box row verCenter">
                                            <text class="t1" style="width: auto;">2、</text>
                                            <text class="t2">客户已完成资方短信发送的电子合同签署</text>
                                        </view>
                                    </template>
                                    <template v-else>
                                        <view class="text-box row verCenter">
                                            <text class="t1" style="width: auto;">1、</text>
                                            <text class="t2">客户未完成资方短信发送的电子合同签署</text>
                                        </view>
                                        <view class="text-box row verCenter">
                                            <text class="t1" style="width: auto;">2、</text>
                                            <text class="t2">客户未完成平台电子合同签署</text>
                                        </view>
                                    </template>
                                </view>

                                <!-- 待客户签约 -->
                                <view class="box">
                                    <template v-if="detail.order_supplement.contract_return_material_1 || detail.order_supplement.contract_return_material_2 || detail.order_supplement.contract_return_material_3 || detail.order_supplement.contract_return_material_4 || detail.order_supplement.contract_return_material_5 || detail.order_supplement.contract_return_material_6">
                                        <view class="hr-title row verCenter">回传合同资料</view>
                                        <view class="row" style="flex-wrap: wrap;">
                                            <view class="pic-box row" v-if="detail.order_supplement.contract_return_material_1">
                                                <text class="t1">合同资料1：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_supplement.contract_return_material_1)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.contract_return_material_1)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_supplement.contract_return_material_1)" :src="detail.order_supplement.contract_return_material_1" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.contract_return_material_1"></video>
                                                    <image v-else :src="detail.order_supplement.contract_return_material_1" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_supplement.contract_return_material_1)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_supplement.contract_return_material_2">
                                                <text class="t1">合同资料2：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_supplement.contract_return_material_2)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.contract_return_material_2)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_supplement.contract_return_material_2)" :src="detail.order_supplement.contract_return_material_2" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.contract_return_material_2"></video>
                                                    <image v-else :src="detail.order_supplement.contract_return_material_2" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_supplement.contract_return_material_2)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_supplement.contract_return_material_3">
                                                <text class="t1">合同资料3：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_supplement.contract_return_material_3)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.contract_return_material_3)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_supplement.contract_return_material_3)" :src="detail.order_supplement.contract_return_material_3" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.contract_return_material_3"></video>
                                                    <image v-else :src="detail.order_supplement.contract_return_material_3" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_supplement.contract_return_material_3)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_supplement.contract_return_material_4">
                                                <text class="t1">合同资料4：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_supplement.contract_return_material_4)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.contract_return_material_4)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_supplement.contract_return_material_4)" :src="detail.order_supplement.contract_return_material_4" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.contract_return_material_4"></video>
                                                    <image v-else :src="detail.order_supplement.contract_return_material_4" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_supplement.contract_return_material_4)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_supplement.contract_return_material_5">
                                                <text class="t1">合同资料5：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_supplement.contract_return_material_5)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.contract_return_material_5)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_supplement.contract_return_material_5)" :src="detail.order_supplement.contract_return_material_5" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.contract_return_material_5"></video>
                                                    <image v-else :src="detail.order_supplement.contract_return_material_5" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_supplement.contract_return_material_5)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_supplement.contract_return_material_6">
                                                <text class="t1">合同资料6：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_supplement.contract_return_material_6)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.contract_return_material_6)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_supplement.contract_return_material_6)" :src="detail.order_supplement.contract_return_material_6" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.contract_return_material_6"></video>
                                                    <image v-else :src="detail.order_supplement.contract_return_material_6" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_supplement.contract_return_material_6)"></image>
                                                </view>
                                            </view>
                                        </view>
                                    </template>
                                    <template v-if="detail.order_supplement.contract_return_zip_upload">
                                        <view class="hr-title row verCenter">压缩包：</view>
                                        <view class="row" style="flex-wrap: wrap;">
                                            <view class="pic-box row" v-if="detail.order_supplement.contract_return_zip_upload">
                                                <text class="t1">纸质合同：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_supplement.contract_return_zip_upload)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.contract_return_zip_upload)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_supplement.contract_return_zip_upload)" :src="detail.order_supplement.contract_return_zip_upload" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.contract_return_zip_upload"></video>
                                                    <image v-else :src="detail.order_supplement.contract_return_zip_upload" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_supplement.contract_return_zip_upload)"></image>
                                                </view>
                                            </view>
                                        </view>
                                    </template>
                                    <template v-if="detail.order_supplement.contract_return_upload_video_1 || detail.order_supplement.contract_return_upload_video_2">
                                        <view class="hr-title row verCenter">合同视频：</view>
                                        <view class="row" style="flex-wrap: wrap;">
                                            <view class="pic-box row" v-if="detail.order_supplement.contract_return_upload_video_1">
                                                <text class="t1">视频1：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_supplement.contract_return_upload_video_1)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.contract_return_upload_video_1)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_supplement.contract_return_upload_video_1)" :src="detail.order_supplement.contract_return_zip_upload" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.contract_return_upload_video_1"></video>
                                                    <image v-else :src="detail.order_supplement.contract_return_upload_video_1" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_supplement.contract_return_upload_video_1)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_supplement.contract_return_upload_video_2">
                                                <text class="t1">视频2：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_supplement.contract_return_upload_video_2)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.contract_return_upload_video_2)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_supplement.contract_return_upload_video_2)" :src="detail.order_supplement.contract_return_zip_upload" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.contract_return_upload_video_2"></video>
                                                    <image v-else :src="detail.order_supplement.contract_return_upload_video_2" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_supplement.contract_return_upload_video_2)"></image>
                                                </view>
                                            </view>
                                        </view>
                                    </template>
                                    <template v-if="detail.order_supplement.contract_return_upload_spare_key_video_1 || detail.order_supplement.contract_return_upload_spare_key_video_2">
                                        <view class="hr-title row verCenter">备用钥匙视频：</view>
                                        <view class="row" style="flex-wrap: wrap;">
                                            <view class="pic-box row" v-if="detail.order_supplement.contract_return_upload_spare_key_video_1">
                                                <text class="t1">视频1：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_supplement.contract_return_upload_spare_key_video_1)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.contract_return_upload_spare_key_video_1)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_supplement.contract_return_upload_spare_key_video_1)" :src="detail.order_supplement.contract_return_zip_upload" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.contract_return_upload_spare_key_video_1"></video>
                                                    <image v-else :src="detail.order_supplement.contract_return_upload_spare_key_video_1" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_supplement.contract_return_upload_spare_key_video_1)"></image>
                                                </view>
                                            </view>
                                            <view class="pic-box row" v-if="detail.order_supplement.contract_return_upload_spare_key_video_2">
                                                <text class="t1">视频2：</text>
                                                <view class="pic-item row">
                                                    <image v-if="isPdfFile(detail.order_supplement.contract_return_upload_spare_key_video_2)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.contract_return_upload_spare_key_video_2)"></image>
                                                    <video v-else-if="isVideoFile(detail.order_supplement.contract_return_upload_spare_key_video_2)" :src="detail.order_supplement.contract_return_zip_upload" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.contract_return_upload_spare_key_video_2"></video>
                                                    <image v-else :src="detail.order_supplement.contract_return_upload_spare_key_video_2" class="pic" mode="aspectFill" @click="previewCarImages(detail.order_supplement.contract_return_upload_spare_key_video_2)"></image>
                                                </view>
                                            </view>
                                        </view>
                                    </template>
                                </view>
                            </template>

                            <!-- 车务 -->
                            <template v-if="swiperCurrent == 3">
                                <view class="box" v-if="detail.order">
                                    <view class="hr-title row verCenter">创建抵押工单：主单信息</view>
                                    <view class="text-box row verCenter" v-if="detail.order_supplement.create_mortgage_work_order_contact_name">
                                        <text class="t1 w2">联系人姓名：</text>
                                        <text class="t2">{{ detail.order_supplement.create_mortgage_work_order_contact_name }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_supplement.create_mortgage_work_order_contact_identity_val">
                                        <text class="t1 w2">联系人身份：</text>
                                        <text class="t2">{{ detail.order_supplement.create_mortgage_work_order_contact_identity_val }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_supplement.create_mortgage_work_order_contact_phone">
                                        <text class="t1 w2">联系人电话：</text>
                                        <text class="t2">{{ detail.order_supplement.create_mortgage_work_order_contact_phone }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_supplement.create_mortgage_work_order_business_type_val">
                                        <text class="t1 w2">业务类型：</text>
                                        <text class="t2">{{ detail.order_supplement.create_mortgage_work_order_business_type_val }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_supplement.create_mortgage_work_order_expect_meeting_date">
                                        <text class="t1 w2">期待会面时间：</text>
                                        <text class="t2">{{ detail.order_supplement.create_mortgage_work_order_expect_meeting_date }}</text>
                                    </view>
                                    <view class="text-box row" v-if="detail.order_supplement.create_mortgage_work_order_deal_addr_detail">
                                        <text class="t1 w2">办理地址：</text>
                                        <text class="t2 row">
                                            {{ detail.order_supplement.create_mortgage_work_order_deal_addr_province_val }}{{ detail.order_supplement.create_mortgage_work_order_deal_addr_city_val }}{{ detail.order_supplement.create_mortgage_work_order_deal_addr_district_val }}{{ detail.order_supplement.create_mortgage_work_order_deal_addr_detail }}
                                        </text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_supplement.create_mortgage_work_order_stuff_delivery_type_val">
                                        <text class="t1 w2">资料交付方式：</text>
                                        <text class="t2">{{ detail.order_supplement.create_mortgage_work_order_stuff_delivery_type_val }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_supplement.create_mortgage_work_order_remark">
                                        <text class="t1 w2">工单备注：</text>
                                        <text class="t2">{{ detail.order_supplement.create_mortgage_work_order_remark }}</text>
                                    </view>
                                    <view class="hr-title row verCenter">创建装GPS工单：派单信息</view>
                                    <view class="text-box row verCenter" v-if="detail.order_supplement.create_gps_work_order_schedule_install_date">
                                        <text class="t1 w2">预约安装时间：</text>
                                        <text class="t2">{{ detail.order_supplement.create_gps_work_order_schedule_install_date }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_supplement.create_gps_work_order_contact_name">
                                        <text class="t1 w2">联系人姓名：</text>
                                        <text class="t2">{{ detail.order_supplement.create_gps_work_order_contact_name }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_supplement.create_gps_work_order_contact_identity_val">
                                        <text class="t1 w2">联系人身份：</text>
                                        <text class="t2">{{ detail.order_supplement.create_gps_work_order_contact_identity_val }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_supplement.create_gps_work_order_contact_phone">
                                        <text class="t1 w2">联系人电话：</text>
                                        <text class="t2">{{ detail.order_supplement.create_gps_work_order_contact_phone }}</text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_supplement.create_gps_work_order_store_name">
                                        <text class="t1 w2">门店名称：</text>
                                        <text class="t2">{{ detail.order_supplement.create_gps_work_order_store_name }}</text>
                                    </view>
                                    <view class="text-box row" v-if="detail.order_supplement.create_gps_work_order_install_addr_detail">
                                        <text class="t1 w2">安装地址：</text>
                                        <text class="t2 row">
                                            {{ detail.order_supplement.create_gps_work_order_install_addr_province_val }}{{ detail.order_supplement.create_gps_work_order_install_addr_city_val }}{{ detail.order_supplement.create_gps_work_order_install_addr_district_val }}{{ detail.order_supplement.create_gps_work_order_install_addr_detail }}
                                        </text>
                                    </view>
                                    <view class="text-box row verCenter" v-if="detail.order_supplement.create_gps_work_order_remark">
                                        <text class="t1 w2">工单备注：</text>
                                        <text class="t2">{{ detail.order_supplement.create_gps_work_order_remark }}</text>
                                    </view>
                                </view>
                            </template>

                            <!-- 请款 -->
                            <template v-if="swiperCurrent == 4">
                                <view class="box" v-if="detail.order">
                                    <template v-if="self_business_progress_node == 13">
                                        <!-- 机动车登记证书（抵押后） -->
                                        <template v-if="detail.order_supplement.request_funds_vehicle_registration_cert_1 || detail.order_supplement.request_funds_vehicle_registration_cert_2 || detail.order_supplement.request_funds_vehicle_registration_cert_3 || detail.order_supplement.request_funds_vehicle_registration_cert_4">
                                            <view class="hr-title row verCenter">机动车登记证书（抵押后）</view>
                                            <view class="row" style="flex-wrap: wrap;">
                                                <view class="pic-box row" v-if="detail.order_supplement.request_funds_vehicle_registration_cert_1">
                                                    <text class="t1">登记证书1：</text>
                                                    <view class="pic-item row">
                                                        <image v-if="isPdfFile(detail.order_supplement.request_funds_vehicle_registration_cert_1)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.request_funds_vehicle_registration_cert_1)"></image>
                                                        <video v-else-if="isVideoFile(detail.order_supplement.request_funds_vehicle_registration_cert_1)" :src="detail.order_supplement.request_funds_vehicle_registration_cert_1" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.request_funds_vehicle_registration_cert_1"></video>
                                                        <image v-else :src="detail.order_supplement.request_funds_vehicle_registration_cert_1" class="pic" mode="aspectFill" @click="previewRequestFundsImages(detail.order_supplement.request_funds_vehicle_registration_cert_1)"></image>
                                                    </view>
                                                </view>
                                                <view class="pic-box row" v-if="detail.order_supplement.request_funds_vehicle_registration_cert_2">
                                                    <text class="t1">登记证书2：</text>
                                                    <view class="pic-item row">
                                                        <image v-if="isPdfFile(detail.order_supplement.request_funds_vehicle_registration_cert_2)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.request_funds_vehicle_registration_cert_2)"></image>
                                                        <video v-else-if="isVideoFile(detail.order_supplement.request_funds_vehicle_registration_cert_2)" :src="detail.order_supplement.request_funds_vehicle_registration_cert_2" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.request_funds_vehicle_registration_cert_2"></video>
                                                        <image v-else :src="detail.order_supplement.request_funds_vehicle_registration_cert_2" class="pic" mode="aspectFill" @click="previewRequestFundsImages(detail.order_supplement.request_funds_vehicle_registration_cert_2)"></image>
                                                    </view>
                                                </view>
                                                <view class="pic-box row" v-if="detail.order_supplement.request_funds_vehicle_registration_cert_3">
                                                    <text class="t1">登记证书3：</text>
                                                    <view class="pic-item row">
                                                        <image v-if="isPdfFile(detail.order_supplement.request_funds_vehicle_registration_cert_3)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.request_funds_vehicle_registration_cert_3)"></image>
                                                        <video v-else-if="isVideoFile(detail.order_supplement.request_funds_vehicle_registration_cert_3)" :src="detail.order_supplement.request_funds_vehicle_registration_cert_3" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.request_funds_vehicle_registration_cert_3"></video>
                                                        <image v-else :src="detail.order_supplement.request_funds_vehicle_registration_cert_3" class="pic" mode="aspectFill" @click="previewRequestFundsImages(detail.order_supplement.request_funds_vehicle_registration_cert_3)"></image>
                                                    </view>
                                                </view>
                                                <view class="pic-box row" v-if="detail.order_supplement.request_funds_vehicle_registration_cert_4">
                                                    <text class="t1">登记证书4：</text>
                                                    <view class="pic-item row">
                                                        <image v-if="isPdfFile(detail.order_supplement.request_funds_vehicle_registration_cert_4)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.request_funds_vehicle_registration_cert_4)"></image>
                                                        <video v-else-if="isVideoFile(detail.order_supplement.request_funds_vehicle_registration_cert_4)" :src="detail.order_supplement.request_funds_vehicle_registration_cert_4" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.request_funds_vehicle_registration_cert_4"></video>
                                                        <image v-else :src="detail.order_supplement.request_funds_vehicle_registration_cert_4" class="pic" mode="aspectFill" @click="previewRequestFundsImages(detail.order_supplement.request_funds_vehicle_registration_cert_4)"></image>
                                                    </view>
                                                </view>
                                            </view>
                                        </template>

                                        <!-- 人车合影 -->
                                        <template v-if="detail.order_supplement.request_funds_people_vehicle_photo">
                                            <view class="hr-title row verCenter">人车合影</view>
                                            <view class="row" style="flex-wrap: wrap;">
                                                <view class="pic-box row">
                                                    <text class="t1">人车合影：</text>
                                                    <view class="pic-item row">
                                                        <image v-if="isPdfFile(detail.order_supplement.request_funds_people_vehicle_photo)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.request_funds_people_vehicle_photo)"></image>
                                                        <video v-else-if="isVideoFile(detail.order_supplement.request_funds_people_vehicle_photo)" :src="detail.order_supplement.request_funds_people_vehicle_photo" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.request_funds_people_vehicle_photo"></video>
                                                        <image v-else :src="detail.order_supplement.request_funds_people_vehicle_photo" class="pic" mode="aspectFill" @click="previewRequestFundsImages(detail.order_supplement.request_funds_people_vehicle_photo)"></image>
                                                    </view>
                                                </view>
                                            </view>
                                        </template>

                                        <!-- 12123车辆状态截图 -->
                                        <template v-if="detail.order_supplement.request_funds_12123_vehicle_status_screenshot_1 || detail.order_supplement.request_funds_12123_vehicle_status_screenshot_2 || detail.order_supplement.request_funds_12123_vehicle_status_screenshot_3">
                                            <view class="hr-title row verCenter">12123车辆状态截图</view>
                                            <view class="row" style="flex-wrap: wrap;">
                                                <view class="pic-box row" v-if="detail.order_supplement.request_funds_12123_vehicle_status_screenshot_1">
                                                    <text class="t1">状态截图1：</text>
                                                    <view class="pic-item row">
                                                        <image v-if="isPdfFile(detail.order_supplement.request_funds_12123_vehicle_status_screenshot_1)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.request_funds_12123_vehicle_status_screenshot_1)"></image>
                                                        <video v-else-if="isVideoFile(detail.order_supplement.request_funds_12123_vehicle_status_screenshot_1)" :src="detail.order_supplement.request_funds_12123_vehicle_status_screenshot_1" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.request_funds_12123_vehicle_status_screenshot_1"></video>
                                                        <image v-else :src="detail.order_supplement.request_funds_12123_vehicle_status_screenshot_1" class="pic" mode="aspectFill" @click="previewRequestFundsImages(detail.order_supplement.request_funds_12123_vehicle_status_screenshot_1)"></image>
                                                    </view>
                                                </view>
                                                <view class="pic-box row" v-if="detail.order_supplement.request_funds_12123_vehicle_status_screenshot_2">
                                                    <text class="t1">状态截图2：</text>
                                                    <view class="pic-item row">
                                                        <image v-if="isPdfFile(detail.order_supplement.request_funds_12123_vehicle_status_screenshot_2)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.request_funds_12123_vehicle_status_screenshot_2)"></image>
                                                        <video v-else-if="isVideoFile(detail.order_supplement.request_funds_12123_vehicle_status_screenshot_2)" :src="detail.order_supplement.request_funds_12123_vehicle_status_screenshot_2" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.request_funds_12123_vehicle_status_screenshot_2"></video>
                                                        <image v-else :src="detail.order_supplement.request_funds_12123_vehicle_status_screenshot_2" class="pic" mode="aspectFill" @click="previewRequestFundsImages(detail.order_supplement.request_funds_12123_vehicle_status_screenshot_2)"></image>
                                                    </view>
                                                </view>
                                                <view class="pic-box row" v-if="detail.order_supplement.request_funds_12123_vehicle_status_screenshot_3">
                                                    <text class="t1">状态截图3：</text>
                                                    <view class="pic-item row">
                                                        <image v-if="isPdfFile(detail.order_supplement.request_funds_12123_vehicle_status_screenshot_3)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.request_funds_12123_vehicle_status_screenshot_3)"></image>
                                                        <video v-else-if="isVideoFile(detail.order_supplement.request_funds_12123_vehicle_status_screenshot_3)" :src="detail.order_supplement.request_funds_12123_vehicle_status_screenshot_3" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.request_funds_12123_vehicle_status_screenshot_3"></video>
                                                        <image v-else :src="detail.order_supplement.request_funds_12123_vehicle_status_screenshot_3" class="pic" mode="aspectFill" @click="previewRequestFundsImages(detail.order_supplement.request_funds_12123_vehicle_status_screenshot_3)"></image>
                                                    </view>
                                                </view>
                                            </view>
                                        </template>

                                        <!-- GPS编号与VIN合照 -->
                                        <template v-if="detail.order_supplement.request_funds_gps_vin_photo">
                                            <view class="hr-title row verCenter">GPS编号与VIN合照</view>
                                            <view class="row" style="flex-wrap: wrap;">
                                                <view class="pic-box row">
                                                    <text class="t1">合照：</text>
                                                    <view class="pic-item row">
                                                        <image v-if="isPdfFile(detail.order_supplement.request_funds_gps_vin_photo)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.request_funds_gps_vin_photo)"></image>
                                                        <video v-else-if="isVideoFile(detail.order_supplement.request_funds_gps_vin_photo)" :src="detail.order_supplement.request_funds_gps_vin_photo" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.request_funds_gps_vin_photo"></video>
                                                        <image v-else :src="detail.order_supplement.request_funds_gps_vin_photo" class="pic" mode="aspectFill" @click="previewRequestFundsImages(detail.order_supplement.request_funds_gps_vin_photo)"></image>
                                                    </view>
                                                </view>
                                            </view>
                                        </template>

                                        <!-- 安装人员与车辆合照 -->
                                        <template v-if="detail.order_supplement.request_funds_gps_installer_vehicle_photo">
                                            <view class="hr-title row verCenter">安装人员与车辆合照</view>
                                            <view class="row" style="flex-wrap: wrap;">
                                                <view class="pic-box row">
                                                    <text class="t1">合照：</text>
                                                    <view class="pic-item row">
                                                        <image v-if="isPdfFile(detail.order_supplement.request_funds_gps_installer_vehicle_photo)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.request_funds_gps_installer_vehicle_photo)"></image>
                                                        <video v-else-if="isVideoFile(detail.order_supplement.request_funds_gps_installer_vehicle_photo)" :src="detail.order_supplement.request_funds_gps_installer_vehicle_photo" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.request_funds_gps_installer_vehicle_photo"></video>
                                                        <image v-else :src="detail.order_supplement.request_funds_gps_installer_vehicle_photo" class="pic" mode="aspectFill" @click="previewRequestFundsImages(detail.order_supplement.request_funds_gps_installer_vehicle_photo)"></image>
                                                    </view>
                                                </view>
                                            </view>
                                        </template>

                                        <!-- 其它 -->
                                        <template v-if="detail.order_supplement.request_funds_others_1 || detail.order_supplement.request_funds_others_2 || detail.order_supplement.request_funds_others_3">
                                            <view class="hr-title row verCenter">其它资料</view>
                                            <view class="row" style="flex-wrap: wrap;">
                                                <view class="pic-box row" v-if="detail.order_supplement.request_funds_others_1">
                                                    <text class="t1">资料1：</text>
                                                    <view class="pic-item row">
                                                        <image v-if="isPdfFile(detail.order_supplement.request_funds_others_1)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.request_funds_others_1)"></image>
                                                        <video v-else-if="isVideoFile(detail.order_supplement.request_funds_others_1)" :src="detail.order_supplement.request_funds_others_1" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.request_funds_others_1"></video>
                                                        <image v-else :src="detail.order_supplement.request_funds_others_1" class="pic" mode="aspectFill" @click="previewRequestFundsImages(detail.order_supplement.request_funds_others_1)"></image>
                                                    </view>
                                                </view>
                                                <view class="pic-box row" v-if="detail.order_supplement.request_funds_others_2">
                                                    <text class="t1">资料2：</text>
                                                    <view class="pic-item row">
                                                        <image v-if="isPdfFile(detail.order_supplement.request_funds_others_2)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.request_funds_others_2)"></image>
                                                        <video v-else-if="isVideoFile(detail.order_supplement.request_funds_others_2)" :src="detail.order_supplement.request_funds_others_2" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.request_funds_others_2"></video>
                                                        <image v-else :src="detail.order_supplement.request_funds_others_2" class="pic" mode="aspectFill" @click="previewRequestFundsImages(detail.order_supplement.request_funds_others_2)"></image>
                                                    </view>
                                                </view>
                                                <view class="pic-box row" v-if="detail.order_supplement.request_funds_others_3">
                                                    <text class="t1">资料3：</text>
                                                    <view class="pic-item row">
                                                        <image v-if="isPdfFile(detail.order_supplement.request_funds_others_3)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.request_funds_others_3)"></image>
                                                        <video v-else-if="isVideoFile(detail.order_supplement.request_funds_others_3)" :src="detail.order_supplement.request_funds_others_3" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.request_funds_others_3"></video>
                                                        <image v-else :src="detail.order_supplement.request_funds_others_3" class="pic" mode="aspectFill" @click="previewRequestFundsImages(detail.order_supplement.request_funds_others_3)"></image>
                                                    </view>
                                                </view>
                                            </view>
                                        </template>
                                    </template>
                                    <template v-if="self_business_progress_node == 14 || self_business_progress_node == 15">
                                        <!-- 回传材料入口 -->
                                        <template v-if="detail.order_supplement.documentation_backhaul_1 || detail.order_supplement.documentation_backhaul_2 || detail.order_supplement.documentation_backhaul_3 || detail.order_supplement.documentation_backhaul_4 || detail.order_supplement.documentation_backhaul_5 || detail.order_supplement.documentation_backhaul_6">
                                            <view class="hr-title row verCenter">回传材料入口</view>
                                            <view class="row" style="flex-wrap: wrap;">
                                                <view class="pic-box row" v-if="detail.order_supplement.documentation_backhaul_1">
                                                    <text class="t1">材料1：</text>
                                                    <view class="pic-item row">
                                                        <image v-if="isPdfFile(detail.order_supplement.documentation_backhaul_1)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.documentation_backhaul_1)"></image>
                                                        <video v-else-if="isVideoFile(detail.order_supplement.documentation_backhaul_1)" :src="detail.order_supplement.documentation_backhaul_1" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.documentation_backhaul_1"></video>
                                                        <image v-else :src="detail.order_supplement.documentation_backhaul_1" class="pic" mode="aspectFill" @click="previewDocumentationImages(detail.order_supplement.documentation_backhaul_1)"></image>
                                                    </view>
                                                </view>
                                                <view class="pic-box row" v-if="detail.order_supplement.documentation_backhaul_2">
                                                    <text class="t1">材料2：</text>
                                                    <view class="pic-item row">
                                                        <image v-if="isPdfFile(detail.order_supplement.documentation_backhaul_2)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.documentation_backhaul_2)"></image>
                                                        <video v-else-if="isVideoFile(detail.order_supplement.documentation_backhaul_2)" :src="detail.order_supplement.documentation_backhaul_2" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.documentation_backhaul_2"></video>
                                                        <image v-else :src="detail.order_supplement.documentation_backhaul_2" class="pic" mode="aspectFill" @click="previewDocumentationImages(detail.order_supplement.documentation_backhaul_2)"></image>
                                                    </view>
                                                </view>
                                                <view class="pic-box row" v-if="detail.order_supplement.documentation_backhaul_3">
                                                    <text class="t1">材料3：</text>
                                                    <view class="pic-item row">
                                                        <image v-if="isPdfFile(detail.order_supplement.documentation_backhaul_3)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.documentation_backhaul_3)"></image>
                                                        <video v-else-if="isVideoFile(detail.order_supplement.documentation_backhaul_3)" :src="detail.order_supplement.documentation_backhaul_3" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.documentation_backhaul_3"></video>
                                                        <image v-else :src="detail.order_supplement.documentation_backhaul_3" class="pic" mode="aspectFill" @click="previewDocumentationImages(detail.order_supplement.documentation_backhaul_3)"></image>
                                                    </view>
                                                </view>
                                                <view class="pic-box row" v-if="detail.order_supplement.documentation_backhaul_4">
                                                    <text class="t1">材料4：</text>
                                                    <view class="pic-item row">
                                                        <image v-if="isPdfFile(detail.order_supplement.documentation_backhaul_4)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.documentation_backhaul_4)"></image>
                                                        <video v-else-if="isVideoFile(detail.order_supplement.documentation_backhaul_4)" :src="detail.order_supplement.documentation_backhaul_4" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.documentation_backhaul_4"></video>
                                                        <image v-else :src="detail.order_supplement.documentation_backhaul_4" class="pic" mode="aspectFill" @click="previewDocumentationImages(detail.order_supplement.documentation_backhaul_4)"></image>
                                                    </view>
                                                </view>
                                                <view class="pic-box row" v-if="detail.order_supplement.documentation_backhaul_5">
                                                    <text class="t1">材料5：</text>
                                                    <view class="pic-item row">
                                                        <image v-if="isPdfFile(detail.order_supplement.documentation_backhaul_5)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.documentation_backhaul_5)"></image>
                                                        <video v-else-if="isVideoFile(detail.order_supplement.documentation_backhaul_5)" :src="detail.order_supplement.documentation_backhaul_5" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.documentation_backhaul_5"></video>
                                                        <image v-else :src="detail.order_supplement.documentation_backhaul_5" class="pic" mode="aspectFill" @click="previewDocumentationImages(detail.order_supplement.documentation_backhaul_5)"></image>
                                                    </view>
                                                </view>
                                                <view class="pic-box row" v-if="detail.order_supplement.documentation_backhaul_6">
                                                    <text class="t1">材料6：</text>
                                                    <view class="pic-item row">
                                                        <image v-if="isPdfFile(detail.order_supplement.documentation_backhaul_6)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.documentation_backhaul_6)"></image>
                                                        <video v-else-if="isVideoFile(detail.order_supplement.documentation_backhaul_6)" :src="detail.order_supplement.documentation_backhaul_6" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.documentation_backhaul_6"></video>
                                                        <image v-else :src="detail.order_supplement.documentation_backhaul_6" class="pic" mode="aspectFill" @click="previewDocumentationImages(detail.order_supplement.documentation_backhaul_6)"></image>
                                                    </view>
                                                </view>
                                            </view>
                                        </template>

                                        <!-- 快递单截图 -->
                                        <template v-if="detail.order_supplement.documentation_express_screenshot">
                                            <view class="hr-title row verCenter">快递单截图</view>
                                            <view class="row" style="flex-wrap: wrap;">
                                                <view class="pic-box row">
                                                    <text class="t1">快递单：</text>
                                                    <view class="pic-item row">
                                                        <image v-if="isPdfFile(detail.order_supplement.documentation_express_screenshot)" src="http://www.szxlyc.com/uploads/product/20241019/44e4c6c4bff5e4af985032574b15aef3.png" class="pic" mode="aspectFill" @click="openPdf(detail.order_supplement.documentation_express_screenshot)"></image>
                                                        <video v-else-if="isVideoFile(detail.order_supplement.documentation_express_screenshot)" :src="detail.order_supplement.documentation_express_screenshot" class="pic" controls @click="playVideoFullscreen" :data-src="detail.order_supplement.documentation_express_screenshot"></video>
                                                        <image v-else :src="detail.order_supplement.documentation_express_screenshot" class="pic" mode="aspectFill" @click="previewDocumentationImages(detail.order_supplement.documentation_express_screenshot)"></image>
                                                    </view>
                                                </view>
                                            </view>
                                        </template>
                                    </template>
                                </view>
                            </template>

                            <!-- 结算 -->
                            <template v-if="swiperCurrent == 5">
                                <view class="box">账户充值完成</view>
                            </template>
                        </scroll-view>
                    </swiper-item>
                </swiper>
            </view>
        </view>
        <view class="btn-box" v-if="detail.order && self_business_progress < 6">
            <view class="btn-wrap row verCenter average">
                <view class="canel row rowCenter verCenter" @click="canel">取消</view>
                <!-- 待资方审批的时候出现退回按钮 -->
                <template v-if="self_business_progress_node == 5">
                    <view class="back row rowCenter verCenter" @click="approveReturn">退回</view>
                </template>
                <view class="confirm row rowCenter verCenter" @click="open">审核</view>
            </view>
        </view>

        <!-- 审核弹窗 -->
        <uni-popup ref="popup" background-color="#fff">
            <view class="popup-content column rowCenter verCenter" v-if="detail.order">
                <text class="title row rowCenter verCenter">{{ detail.order.self_business_progress_val }} - {{ detail.order.self_business_progress_node_val }}</text>
                <uni-forms ref="auditForm" :modelValue="auditParams" :rules="auditRules" :label-width="self_business_progress_node == 12 ? 110 : 77" :class="self_business_progress_node == 12 ? 'auditFormLayer' : ''" label-align="right">
                    <!-- 待客户申请 -->
                    <template v-if="self_business_progress_node == 1">
                        <uni-forms-item label="资方预审" name="capital_pre_review_url">
                            <uni-easyinput v-model="auditParams.capital_pre_review_url" placeholder="请填写资方预审链接" />
                        </uni-forms-item>
                        <view class="uni-file-picker row">
                            <view class="uni-file-picker-title">或二维码</view>
                            <view class="uni-file-box row verCenter">
                                <view class="upload-pic-show" v-if="auditParams.capital_pre_review_qrcode_img">
                                    <text class="iconfont icon-close" @click="auditParams.capital_pre_review_qrcode_img = ''"></text>
                                    <image :src="auditParams.capital_pre_review_qrcode_img" class="pic" mode="aspectFill"></image>
                                </view>
                                <view class="uni-file-btn row rowCenter verCenter" @click="uploadImage('capital_pre_review_qrcode_img')">
                                    <text class="iconfont icon-xingzhuangjiehe"></text>
                                </view>
                            </view>
                        </view>
                        <uni-forms-item label="审核结果" name="audit_status" required>
                            <uni-data-checkbox v-model="auditParams.audit_status" :localdata="audit_status" />
                        </uni-forms-item>
                        <uni-forms-item label="审核备注" name="audit_remark">
                            <uni-easyinput type="textarea" v-model="auditParams.audit_remark" placeholder="请输入审核备注" />
                        </uni-forms-item>
                    </template>

                    <!-- 待客户准入 -->
                    <template v-if="self_business_progress_node == 2">
                        <uni-forms-item label="审核结果" name="audit_status" required>
                            <uni-data-checkbox v-model="auditParams.audit_status" :localdata="audit_status" />
                        </uni-forms-item>
                        <uni-forms-item label="审核备注" name="audit_remark">
                            <uni-easyinput type="textarea" v-model="auditParams.audit_remark" placeholder="请输入审核备注" />
                        </uni-forms-item>
                    </template>

                    <!-- 待提交进件资料 -->
                    <template v-if="self_business_progress_node == 4">
                        <uni-forms-item label="审核结果" name="audit_status" required>
                            <uni-data-checkbox v-model="auditParams.audit_status" :localdata="audit_status" />
                        </uni-forms-item>
                        <uni-forms-item label="审核备注" name="audit_remark">
                            <uni-easyinput type="textarea" v-model="auditParams.audit_remark" placeholder="请输入审核备注" />
                        </uni-forms-item>
                    </template>

                    <!-- 待资方审批 || 资方退回需补充资料 -->
                    <template v-if="self_business_progress_node == 5 || self_business_progress_node == 7 || self_business_progress_node == 9">
                        <uni-forms-item label="授信金额" name="credit_amount" required>
                            <uni-easyinput v-model="auditParams.credit_amount" placeholder="请填写授信金额" />
                        </uni-forms-item>
                        <uni-forms-item label="年化利率" name="annual_profit_rate">
                            <uni-easyinput v-model="auditParams.annual_profit_rate" placeholder="请填写年化利率" />
                        </uni-forms-item>
                        <uni-forms-item label="贷款周期" name="loan_cycle">
                            <uni-easyinput v-model="auditParams.loan_cycle" placeholder="请填写贷款周期" />
                        </uni-forms-item>
                        <uni-forms-item label="放款条件" name="lending_condition">
                            <uni-easyinput v-model="auditParams.lending_condition" placeholder="请填写放款条件" />
                        </uni-forms-item>
                        <uni-forms-item label="审核结果" name="audit_status" required>
                            <uni-data-checkbox v-model="auditParams.audit_status" :localdata="audit_status" />
                        </uni-forms-item>
                        <uni-forms-item label="审核备注" name="audit_remark">
                            <uni-easyinput type="textarea" v-model="auditParams.audit_remark" placeholder="请输入审核备注" />
                        </uni-forms-item>
                    </template>

                    <!-- 待发起签约 -->
                    <template v-if="self_business_progress_node == 10">
                        <view class="uni-file-picker row">
                            <view class="uni-file-picker-title" style="width: auto;">资方纸质合同、企微二维码、（压缩包）</view>
                            <view class="uni-file-box row verCenter">
                                <view class="upload-pic-show" v-if="auditParams.capital_paper_contract">
                                    <text class="iconfont icon-close" @click="auditParams.capital_paper_contract = ''"></text>
                                    <image :src="auditParams.capital_paper_contract" class="pic" mode="aspectFill"></image>
                                </view>
                                <view class="uni-file-btn row rowCenter verCenter" @click="uploadImage('capital_paper_contract')">
                                    <text class="iconfont icon-xingzhuangjiehe"></text>
                                </view>
                            </view>
                        </view>
                        <view class="uni-file-picker row">
                            <view class="uni-file-picker-title" style="width: auto;">合同清单</view>
                            <view class="uni-file-box row verCenter">
                                <view class="upload-pic-show" v-if="auditParams.contract_list">
                                    <text class="iconfont icon-close" @click="auditParams.contract_list = ''"></text>
                                    <image :src="auditParams.contract_list" class="pic" mode="aspectFill"></image>
                                </view>
                                <view class="uni-file-btn row rowCenter verCenter" @click="uploadImage('contract_list')">
                                    <text class="iconfont icon-xingzhuangjiehe"></text>
                                </view>
                            </view>
                        </view>
                        <uni-forms-item label="审核结果" name="audit_status" required>
                            <uni-data-checkbox v-model="auditParams.audit_status" :localdata="audit_status" />
                        </uni-forms-item>
                        <uni-forms-item label="审核备注" name="audit_remark">
                            <uni-easyinput type="textarea" v-model="auditParams.audit_remark" placeholder="请输入审核备注" />
                        </uni-forms-item>
                    </template>

                    <!-- 待客户签约 -->
                    <template v-if="self_business_progress_node == 11">
                        <uni-forms-item label="审核结果" name="audit_status" required>
                            <uni-data-checkbox v-model="auditParams.audit_status" :localdata="audit_status" />
                        </uni-forms-item>
                        <uni-forms-item label="审核备注" name="audit_remark">
                            <uni-easyinput type="textarea" v-model="auditParams.audit_remark" placeholder="请输入审核备注" />
                        </uni-forms-item>
                    </template>

                    <!-- 车务办理 -->
                    <template v-if="self_business_progress_node == 12">
                        <scroll-view scroll-y style="max-height: 1000rpx">
                            <uni-forms-item label="抵押机构" name="vehicle_handling_mortgage_agency">
                                <uni-data-select v-model="auditParams.vehicle_handling_mortgage_agency" :localdata="vehicle_handling_mortgage_agency"></uni-data-select>
                            </uni-forms-item>
                            <uni-forms-item label="抵押联系人" name="vehicle_handling_mortgage_contact_name">
                                <uni-easyinput v-model="auditParams.vehicle_handling_mortgage_contact_name" placeholder="请输入抵押联系人" />
                            </uni-forms-item>
                            <uni-forms-item label="抵押联系人电话" name="vehicle_handling_mortgage_contact_phone">
                                <uni-easyinput v-model="auditParams.vehicle_handling_mortgage_contact_phone" placeholder="请输入抵押联系人电话" />
                            </uni-forms-item>
                            <uni-forms-item label="资料归还方式" name="vehicle_handling_stuff_return_type">
                                <uni-data-select v-model="auditParams.vehicle_handling_stuff_return_type" :localdata="vehicle_handling_stuff_return_type"></uni-data-select>
                            </uni-forms-item>
                            <uni-forms-item label="材料签收人" name="vehicle_handling_return_contact_name">
                                <uni-easyinput v-model="auditParams.vehicle_handling_return_contact_name" placeholder="请输入材料签收人" />
                            </uni-forms-item>
                            <uni-forms-item label="签收人电话" name="vehicle_handling_return_contact_phone">
                                <uni-easyinput v-model="auditParams.vehicle_handling_return_contact_phone" placeholder="请输入签收人电话" />
                            </uni-forms-item>
                            <uni-forms-item label="签收人地址" name="vehicle_handling_return_contact_addr">
                                <uni-easyinput v-model="auditParams.vehicle_handling_return_contact_addr" placeholder="请输入签收人地址" />
                            </uni-forms-item>
                            <uni-forms-item label="抵押权人" name="vehicle_handing_mortgager">
                                <uni-easyinput v-model="auditParams.vehicle_handing_mortgager" placeholder="请输入抵押权人" />
                            </uni-forms-item>
                            <uni-forms-item label="资方合同序号" name="vehicle_handling_capital_contract_no">
                                <uni-easyinput v-model="auditParams.vehicle_handling_capital_contract_no" placeholder="请输入资方合同序号" />
                            </uni-forms-item>
                            <uni-forms-item label="贷款期限" name="vehicle_handing_loan_cycle">
                                <uni-data-select v-model="auditParams.vehicle_handing_loan_cycle" :localdata="vehicle_handing_loan_cycle"></uni-data-select>
                            </uni-forms-item>
                            <uni-forms-item label="有线设备" name="vehicle_handling_wired_equipment">
                                <uni-data-select v-model="auditParams.vehicle_handling_wired_equipment" :localdata="vehicle_handling_wired_equipment"></uni-data-select>
                            </uni-forms-item>
                            <uni-forms-item label="无线设备" name="vehicle_handling_wireless_equipment">
                                <uni-data-select v-model="auditParams.vehicle_handling_wireless_equipment" :localdata="vehicle_handling_wireless_equipment"></uni-data-select>
                            </uni-forms-item>
                            <uni-forms-item label="装G所属机构" name="vehicle_handling_gps_agency">
                                <uni-easyinput v-model="auditParams.vehicle_handling_gps_agency" placeholder="请输入装G所属机构" />
                            </uni-forms-item>
                            <uni-forms-item label="装G员姓名" name="vehicle_handling_gps_engineer">
                                <uni-easyinput v-model="auditParams.vehicle_handling_gps_engineer" placeholder="请输入装G员姓名" />
                            </uni-forms-item>
                            <uni-forms-item label="装G员电话" name="vehicle_handling_gps_engineer_phone">
                                <uni-easyinput v-model="auditParams.vehicle_handling_gps_engineer_phone" placeholder="请输入装G员电话" />
                            </uni-forms-item>
                            <uni-forms-item label="装G城市" name="vehicle_handling_current_city">
                                <uni-easyinput v-model="auditParams.vehicle_handling_current_city" placeholder="请输入装G城市" />
                            </uni-forms-item>
                        </scroll-view>
                        <uni-forms-item label="审核结果" name="audit_status" required>
                            <uni-data-checkbox v-model="auditParams.audit_status" :localdata="audit_status" />
                        </uni-forms-item>
                        <uni-forms-item label="审核备注" name="audit_remark">
                            <uni-easyinput type="textarea" v-model="auditParams.audit_remark" placeholder="请输入审核备注" />
                        </uni-forms-item>
                    </template>

                    <!-- 待提交请款资料 -->
                    <template v-if="self_business_progress_node == 13">
                        <uni-forms-item label="审核结果" name="audit_status" required>
                            <uni-data-checkbox v-model="auditParams.audit_status" :localdata="audit_status" />
                        </uni-forms-item>
                        <uni-forms-item label="审核备注" name="audit_remark">
                            <uni-easyinput type="textarea" v-model="auditParams.audit_remark" placeholder="请输入审核备注" />
                        </uni-forms-item>
                    </template>

                    <!-- 放款完成，请及时完成材料归档 -->
                    <template v-if="self_business_progress_node == 14">
                        <uni-forms-item label="审核结果" name="audit_status" required>
                            <uni-data-checkbox v-model="auditParams.audit_status" :localdata="audit_status" />
                        </uni-forms-item>
                        <uni-forms-item label="审核备注" name="audit_remark">
                            <uni-easyinput type="textarea" v-model="auditParams.audit_remark" placeholder="请输入审核备注" />
                        </uni-forms-item>
                    </template>

                    <!-- 订单归档完成 -->
                    <template v-if="self_business_progress_node == 15">
                        <uni-forms-item label="放款金额" name="lending_amount" required>
                            <uni-easyinput v-model="auditParams.lending_amount" placeholder="请输入放款金额" />
                        </uni-forms-item>
                        <uni-forms-item label="审核结果" name="audit_status" required>
                            <uni-data-checkbox v-model="auditParams.audit_status" :localdata="audit_status" />
                        </uni-forms-item>
                        <uni-forms-item label="审核备注" name="audit_remark">
                            <uni-easyinput type="textarea" v-model="auditParams.audit_remark" placeholder="请输入审核备注" />
                        </uni-forms-item>
                    </template>


                </uni-forms>
                <view class="popup-btn row bothSide verCenter">
                    <view class="canel row rowCenter verCenter" @click="close">取消</view>
                    <view class="confirm row rowCenter verCenter" @click="submit">确定</view>
                </view>
            </view>
        </uni-popup>

        <!-- 待资方审批-退回 -->
        <uni-popup ref="approveReturnPopup" background-color="#fff">
            <view class="popup-content column rowCenter verCenter" v-if="detail.order">
                <text class="title row rowCenter verCenter" style="margin-bottom: 40rpx;">{{ detail.order.self_business_progress_val }} - 待资方审批退回提示</text>
                <uni-forms ref="approveReturnForm" :modelValue="approveReturnParams" :label-width="77" label-align="right">
                    <uni-forms-item label="退回备注" name="remark">
                        <uni-easyinput type="textarea" v-model="approveReturnParams.remark" placeholder="请输入退回备注" />
                    </uni-forms-item>
                </uni-forms>
                <view class="popup-btn row bothSide verCenter">
                    <view class="canel row rowCenter verCenter" @click="close">取消</view>
                    <view class="confirm row rowCenter verCenter" @click="submitApproveReturn">确定</view>
                </view>
            </view>
        </uni-popup>

        <!-- 合同列表弹窗 -->
        <uni-popup ref="contractListPopup" background-color="#fff" border-radius="20rpx 20rpx 0 0">
            <view class="contract-list-popup">
                <view class="popup-header row bothSide verCenter">
                    <text class="popup-title">签约合同列表</text>
                    <text class="iconfont icon-close" @click="closeContractList"></text>
                </view>
                <scroll-view scroll-y class="contract-list-content">
                    <view class="contract-item row bothSide verCenter" v-for="(contractName, contractId) in contractList" :key="contractId">
                        <view class="contract-info row">
                            <text class="contract-sequence row rowCenter verCenter">{{ contractId }}</text>
                            <text class="contract-name">{{ contractName }}</text>
                        </view>
                        <view class="contract-action">
                            <text class="action-btn" @click="previewContract(contractId)">合同预览</text>
                        </view>
                    </view>
                </scroll-view>
                <view class="popup-footer row rowCenter verCenter">
                    <view class="close-btn row rowCenter verCenter" @click="closeContractList">关闭</view>
                </view>
            </view>
        </uni-popup>
    </view>
</template>

<script>
import { API } from '@/util/api.js';

export default {
    data() {
        return {
            href:'',
            tabs: [], // 改为空数组，动态生成
            current: 0,
            swiperCurrent: 0,
            detail: {},
            //业务进度
            self_business_progress: '',
            //业务节点
            self_business_progress_node: '',
            // 统一管理所有展开状态
            expandStatus: {
                orderDetail: false // 订单信息展开状态
            },
            audit_status: [
                { text: '通过', value: 2 },
                { text: '不通过', value: -1 }
            ],
            // 审核校验规则
            auditRules: {
                audit_status: {
                    rules: [{
                        required: true,
                        errorMessage: '请选择审核结果'
                    }]
                },
                lending_amount: {
                    rules: [{
                        required: true,
                        errorMessage: '请填写放款金额'
                    }]
                },
                credit_amount: {
                    rules: [{
                        required: true,
                        errorMessage: '请填写授信金额'
                    }]
                }
            },
            vehicle_handling_mortgage_agency: [
                { value: 1, text: "中瑞" },
                { value: 2, text: "银雁" },
                { value: 3, text: "叮当" },
                { value: 4, text: "雷霆" },
                { value: 5, text: "当地黄牛" },
                { value: 6, text: "现场办理" }
            ],
            vehicle_handling_stuff_return_type: [
                { value: 1, text: "快递邮寄" },
                { value: 2, text: "业务员带回" },
                { value: 3, text: "客户送回" }
            ],
            vehicle_handing_loan_cycle: [
                { value: 1, text: "3" },
                { value: 2, text: "6" },
                { value: 3, text: "12" },
                { value: 4, text: "18" },
                { value: 5, text: "24" },
                { value: 6, text: "36" },
                { value: 7, text: "48" },
                { value: 8, text: "60" }
            ],
            vehicle_handling_wired_equipment: [
                { value: 1, text: "1个" },
                { value: 2, text: "2个" },
                { value: 3, text: "3个" },
                { value: 4, text: "4个" }
            ],
            vehicle_handling_wireless_equipment: [
                { value: 1, text: "1个" },
                { value: 2, text: "2个" },
                { value: 3, text: "3个" },
                { value: 4, text: "4个" }
            ],
            // 审核参数
            auditParams: {
                order_id: '',
                capital_pre_review_url: '',
                capital_pre_review_qrcode_img: '',
                credit_amount: '',
                annual_profit_rate: '',
                loan_cycle: '',
                lending_conditio: '',
                capital_paper_contract: '',
                contract_list: '',
                audit_status: '',
                audit_remark: '',
                //车务办理
                vehicle_handling_mortgage_agency: '',
                vehicle_handling_mortgage_contact_name: '',
                vehicle_handling_mortgage_contact_phone: '',
                vehicle_handling_stuff_return_type: '',
                vehicle_handling_return_contact_name: '',
                vehicle_handling_return_contact_phone: '',
                vehicle_handling_return_contact_addr: '',
                vehicle_handing_mortgager: '',
                vehicle_handling_capital_contract_no: '',
                vehicle_handing_loan_cycle: '',
                vehicle_handling_wired_equipment: '',
                vehicle_handling_wireless_equipment: '',
                vehicle_handling_gps_agency: '',
                vehicle_handling_gps_engineer: '',
                vehicle_handling_gps_engineer_phone: '',
                vehicle_handling_current_city: '',
                lending_amount: ''
            },
            // 退回参数
            approveReturnParams: {
                order_id: '',
                remark: ''
            },
            // 合同列表
            contractList: {}
        };
    },
    onLoad(options) {
        this.auditParams.order_id = options.order_id || '';
        this.approveReturnParams.order_id = options.order_id || '';
    },
    onShow() {
        this.getData();
    },
    methods: {
        // 根据业务进度动态生成tabs
        generateTabs(businessProgress) {
            var allTabs = ['预审', '审批', '签约', '车务', '请款', '结算'];
            var progressMap = {
                '预审': 1,
                '审批': 2,
                '签约': 3,
                '车务': 4,
                '请款': 5,
                '结算': 6
            };

            // 根据当前业务进度确定显示哪些tabs
            var currentProgressIndex = progressMap[businessProgress] || 1;

            // 返回从预审到当前进度的所有tabs
            return allTabs.slice(0, currentProgressIndex);
        },

        // 获取数据
        getData() {
            this.request(API.getAuditDetail, 'GET', { order_id: this.auditParams.order_id }, true).then(res => {
                if (res.code === 0) {
                    this.detail = res.data;
                    this.self_business_progress = res.data.order.self_business_progress;
                    this.self_business_progress_node = res.data.order.self_business_progress_node;

                    this.href = `http://szxlyc.com/open/order/siFablPdf?order_id=${this.auditParams.order_id}`;

                    uni.setNavigationBarTitle({
                        title: '进件审核-' + this.detail.order.order_sn
                    });

                    // 动态生成tabs
                    var businessProgressVal = res.data.order.self_business_progress_val;
                    this.tabs = this.generateTabs(businessProgressVal);

                    // 设置当前选中的tab
                    var currentTabIndex = this.tabs.indexOf(businessProgressVal);
                    if (currentTabIndex !== -1) {
                        this.current = currentTabIndex;
                        this.swiperCurrent = currentTabIndex;
                    } else {
                        // 如果找不到对应的tab，默认选中最后一个
                        this.current = this.tabs.length - 1;
                        this.swiperCurrent = this.tabs.length - 1;
                    }

                    if (this.detail.order.kyk_link) {
                        this.auditParams.capital_pre_review_url = this.detail.order.kyk_link;
                    }
                } else {
                    uni.showToast({
                        title: res.msg,
                        icon: 'none'
                    });
                }
            });
        },
        // tab切换   
        changeTab(index) {
            this.current = index;
            this.swiperCurrent = index;
        },
        // swiper滑动完成事件
        animationFinished(e) {
            this.current = e.detail.current;
            this.swiperCurrent = e.detail.current;
        },
        // 通用的展开收起切换方法
        toggleExpand(key) {
            this.expandStatus[key] = !this.expandStatus[key];
        },
        // 将图片地址转换为原图地址
        convertToOriginUrl(url) {
            if (!url || url.trim() === '') return url;
            
            // 检查是否已经是原图地址
            if (url.includes('_origin')) return url;
            
            // 找到文件扩展名的位置
            var lastDotIndex = url.lastIndexOf('.');
            if (lastDotIndex === -1) return url;
            
            // 在扩展名前添加 _origin
            return url.substring(0, lastDotIndex) + '_origin' + url.substring(lastDotIndex);
        },
        
        previewImage(current, urls) {
            // 如果没有传入 urls 参数或为空，则使用当前图片作为默认值
            var imageUrls = urls && Array.isArray(urls) ? urls : [current];

            // 过滤掉空的图片地址并转换为原图地址
            var validUrls = imageUrls.filter(url => url && url.trim() !== '').map(url => this.convertToOriginUrl(url));
            if (validUrls.length === 0) return;

            uni.previewImage({
                current: this.convertToOriginUrl(current),
                urls: validUrls
            });
        },
        // 预览车辆图片（自动获取所有车辆图片）
        previewCarImages(current) {
            // 获取所有车辆相关的图片
            var allCarImages = [
                // 登记证和驾驶证
                this.detail.order_ext.car_registration_1,
                this.detail.order_ext.car_registration_2,
                this.detail.order_ext.car_registration_3,
                this.detail.order_ext.car_registration_4,
                this.detail.order_ext.car_driver_license_1,
                this.detail.order_ext.car_driver_license_2,
                this.detail.order_ext.car_driver_license_3,
                this.detail.order_ext.car_driver_license_4,
                // 保险相关
                this.detail.order_ext.car_commercial_insurance_img,
                this.detail.order_ext.car_compulsory_traffic_insurance_img,
                this.detail.order_ext.car_violation_record_img,
                this.detail.order_ext.car_annual_inspection_img,
                this.detail.order_ext.car_elec_driver_license_img,
                // 车辆状态
                this.detail.order_ext.car_status_img,
                this.detail.order_ext.car_driving_score_img,
                this.detail.order_ext.car_displacement_img,
                // 车辆外观
                this.detail.order_ext.car_front_img,
                this.detail.order_ext.car_rear_img,
                this.detail.order_ext.car_left_front_img,
                this.detail.order_ext.car_right_front_img,
                this.detail.order_ext.car_left_rear_img,
                this.detail.order_ext.car_right_rear_img,
                this.detail.order_ext.car_left_side_img,
                this.detail.order_ext.car_right_side_img,
                // 发动机相关
                this.detail.order_ext.car_engine_img,
                this.detail.order_ext.car_left_engine_img,
                this.detail.order_ext.car_right_engine_img,
                // 细节照片
                this.detail.order_ext.car_frame_number_img,
                this.detail.order_ext.car_nameplate_img,
                // 车内照片
                this.detail.order_ext.car_central_control_img,
                this.detail.order_ext.car_steering_wheel_img,
                this.detail.order_ext.car_kilometers_img,
                this.detail.order_ext.car_driver_seat_img,
                this.detail.order_ext.car_front_seat_img,
                this.detail.order_ext.car_rear_seat_img,
                this.detail.order_ext.car_air_outlet_img,
                this.detail.order_ext.car_trunk_img,
                this.detail.order_ext.car_spare_tire_well_img,
                this.detail.order_ext.car_skylight_img,
                // 客户合影
                this.detail.order_ext.car_customer_img,
                this.detail.order_ext.car_cuseromer_manager_img
            ].filter(url => url && url.trim() !== '' && !this.isVideoFile(url) && !this.isPdfFile(url)) // 过滤掉空值、视频文件和PDF文件
            .map(url => this.convertToOriginUrl(url)); // 转换为原图地址

            if (allCarImages.length === 0) return;

            uni.previewImage({
                current: this.convertToOriginUrl(current),
                urls: allCarImages
            });
        },
        // 预览进件材料图片（自动获取所有进件材料图片）
        previewAdmissionImages(current) {
            // 获取所有进件材料相关的图片
            var allAdmissionImages = [
                // 准入信息
                this.detail.order_ext.admission_info_local_domicile,
                this.detail.order_ext.admission_info_business_license_img,
                this.detail.order_ext.admission_info_social_security_payment_record,
                this.detail.order_ext.admission_info_local_property,
                this.detail.order_ext.admission_info_local_agency_payment,
                this.detail.order_ext.admission_info_express_takeout_record,
                this.detail.order_ext.admission_info_local_license_plate,
                this.detail.order_ext.admission_info_phone_online_duration,
                this.detail.order_ext.admission_info_supplement,
                this.detail.order_ext.admission_info_handheld_id_card,
                this.detail.order_ext.admission_info_residence_certificate,
                // 补充信息
                this.detail.order_ext.supplement_info_new_insurance_expiration_date,
                this.detail.order_ext.supplement_info_new_insurance_company_name,
                this.detail.order_ext.supplement_info_new_violation_record,
                this.detail.order_ext.supplement_info_new_compulsory_traffic_insurance,
                this.detail.order_ext.supplement_info_new_commercial_insurance,
                // 财力信息
                this.detail.order_ext.finance_info_redbook_in_hand,
                this.detail.order_ext.finance_info_social_security_payment_record,
                this.detail.order_ext.finance_info_accumulation_fund_deposit_record,
                this.detail.order_ext.finance_info_two_quarters_interest_settlement_record,
                this.detail.order_ext.finance_info_six_months_bank_transaction_record,
                this.detail.order_ext.finance_info_life_policy_record,
                this.detail.order_ext.finance_info_car_loan_repayment_record,
                this.detail.order_ext.finance_info_two_years_business_insurance_record,
                this.detail.order_ext.finance_info_annual_income,
                this.detail.order_ext.finance_info_supplement
            ].filter(url => url && url.trim() !== '' && !this.isVideoFile(url) && !this.isPdfFile(url)) // 过滤掉空值、视频文件和PDF文件
            .map(url => this.convertToOriginUrl(url)); // 转换为原图地址

            if (allAdmissionImages.length === 0) return;

            uni.previewImage({
                current: this.convertToOriginUrl(current),
                urls: allAdmissionImages
            });
        },
        // 预览材料补充图片（自动获取所有材料补充图片）
        previewSupplementImages(current) {
            // 获取所有材料补充相关的图片
            var allSupplementImages = [
                this.detail.order_ext.order_info_supplement_img_1,
                this.detail.order_ext.order_info_supplement_img_2,
                this.detail.order_ext.order_info_supplement_img_3,
                this.detail.order_ext.order_info_supplement_img_4,
                this.detail.order_ext.order_info_supplement_img_5,
                this.detail.order_ext.order_info_supplement_img_6
            ].filter(url => url && url.trim() !== '' && !this.isVideoFile(url) && !this.isPdfFile(url)) // 过滤掉空值、视频文件和PDF文件
            .map(url => this.convertToOriginUrl(url)); // 转换为原图地址

            if (allSupplementImages.length === 0) return;

            uni.previewImage({
                current: this.convertToOriginUrl(current),
                urls: allSupplementImages
            });
        },
        // 预览请款资料图片（自动获取所有请款资料图片）
        previewRequestFundsImages(current) {
            // 获取所有请款资料相关的图片
            var allRequestFundsImages = [
                // 机动车登记证书
                this.detail.order_supplement.request_funds_vehicle_registration_cert_1,
                this.detail.order_supplement.request_funds_vehicle_registration_cert_2,
                this.detail.order_supplement.request_funds_vehicle_registration_cert_3,
                this.detail.order_supplement.request_funds_vehicle_registration_cert_4,
                // 人车合影
                this.detail.order_supplement.request_funds_people_vehicle_photo,
                // 12123车辆状态截图
                this.detail.order_supplement.request_funds_12123_vehicle_status_screenshot_1,
                this.detail.order_supplement.request_funds_12123_vehicle_status_screenshot_2,
                this.detail.order_supplement.request_funds_12123_vehicle_status_screenshot_3,
                // GPS编号与VIN合照
                this.detail.order_supplement.request_funds_gps_vin_photo,
                // 安装人员与车辆合照
                this.detail.order_supplement.request_funds_gps_installer_vehicle_photo,
                // 其它资料
                this.detail.order_supplement.request_funds_others_1,
                this.detail.order_supplement.request_funds_others_2,
                this.detail.order_supplement.request_funds_others_3
            ].filter(url => url && url.trim() !== '' && !this.isVideoFile(url) && !this.isPdfFile(url)) // 过滤掉空值、视频文件和PDF文件
            .map(url => this.convertToOriginUrl(url)); // 转换为原图地址

            if (allRequestFundsImages.length === 0) return;

            uni.previewImage({
                current: this.convertToOriginUrl(current),
                urls: allRequestFundsImages
            });
        },
        // 预览文档资料图片（自动获取所有文档资料图片）
        previewDocumentationImages(current) {
            // 获取所有文档资料相关的图片
            var allDocumentationImages = [
                // 回传材料入口
                this.detail.order_supplement.documentation_backhaul_1,
                this.detail.order_supplement.documentation_backhaul_2,
                this.detail.order_supplement.documentation_backhaul_3,
                this.detail.order_supplement.documentation_backhaul_4,
                this.detail.order_supplement.documentation_backhaul_5,
                this.detail.order_supplement.documentation_backhaul_6,
                // 快递单截图
                this.detail.order_supplement.documentation_express_screenshot
            ].filter(url => url && url.trim() !== '' && !this.isVideoFile(url) && !this.isPdfFile(url)) // 过滤掉空值、视频文件和PDF文件
            .map(url => this.convertToOriginUrl(url)); // 转换为原图地址

            if (allDocumentationImages.length === 0) return;

            uni.previewImage({
                current: this.convertToOriginUrl(current),
                urls: allDocumentationImages
            });
        },
        // 判断文件是否为视频
        isVideoFile(url) {
            if (!url) return false;
            var videoExtensions = ['.mp4', '.avi', '.mov', '.wmv', '.flv', '.mkv', '.webm', '.m4v'];
            var fileExtension = url.toLowerCase().substring(url.lastIndexOf('.'));
            return videoExtensions.includes(fileExtension);
        },
        // 判断文件是否为PDF
        isPdfFile(url) {
            if (!url) return false;
            var fileExtension = url.toLowerCase().substring(url.lastIndexOf('.'));
            return fileExtension === '.pdf';
        },
        // 打开PDF文件
        openPdf(pdfUrl) {
            // 在uniapp中打开PDF文件
            uni.downloadFile({
                url: pdfUrl,
                success: function (res) {
                    if (res.statusCode === 200) {
                        // 使用系统默认应用打开PDF文件
                        uni.openDocument({
                            filePath: res.tempFilePath,
                            showMenu: true,
                            success: function (result) {
                                console.log('PDF打开成功');
                            },
                            fail: function (error) {
                                console.log('PDF打开失败', error);
                                uni.showToast({
                                    title: 'PDF打开失败',
                                    icon: 'none'
                                });
                            }
                        });
                    }
                },
                fail: function (error) {
                    console.log('PDF下载失败', error);
                    uni.showToast({
                        title: 'PDF下载失败',
                        icon: 'none'
                    });
                }
            });
        },
        // 视频全屏播放
        playVideoFullscreen(event) {
            var videoSrc = event.target.dataset.src || event.currentTarget.dataset.src;
            if (!videoSrc) return;

            // 使用uniapp的视频播放器全屏播放
            uni.createVideoContext().requestFullScreen({
                direction: 90, // 横屏播放
                success: function (res) {
                    console.log('视频全屏播放成功');
                },
                fail: function (error) {
                    console.log('视频全屏播放失败', error);
                    // 如果全屏失败，尝试使用原生播放
                    plus && plus.video && plus.video.createVideoPlayer({
                        src: videoSrc,
                        fullscreen: true,
                        autoplay: true
                    });
                }
            });
        },
        // 取消按钮
        canel() {
            uni.navigateBack({
                delta: 1
            });
        },
        // 打开审核弹窗
        open() {
            this.$refs.popup.open('bottom');
        },
        // 关闭审核弹窗
        close() {
            this.$refs.popup.close();
            this.$refs.approveReturnPopup.close();
        },
        // 上传图片
        uploadImage(fieldName) {
            uni.chooseImage({
                count: 1,
                sizeType: ['original'],
                sourceType: ['album', 'camera'],
                success: chooseImageRes => {
                    console.log('选择图片成功：', chooseImageRes);

                    // 显示loading
                    uni.showLoading({
                        title: '上传中...'
                    });

                    // 获取选择的图片路径数组
                    var imagePath = chooseImageRes.tempFilePaths[0]; // 获取选中的图片路径

                    //上传到服务器
                    uni.uploadFile({
                        url: API.uploadImage,
                        filePath: imagePath,
                        name: 'file',
                        formData: {
                            'source': 'appUser'
                        },
                        success: uploadFileRes => {
                            console.log('服务器上传图片成功：', uploadFileRes);
                            uni.hideLoading();
                            var data = JSON.parse(uploadFileRes.data);
                            if (data.code === 0) {
                                // 根据传入的字段名动态设置值
                                this.auditParams[fieldName] = data.data;
                                this.$forceUpdate();
                            } else {
                                uni.showToast({
                                    title: data.msg,
                                    icon: 'none',
                                    duration: 5000
                                });
                            }
                        },
                        fail: () => {
                            uni.hideLoading();
                            uni.showToast({
                                title: '上传图片失败',
                                icon: 'none'
                            });
                        }
                    });
                }
            });
        },
        // 提交审核
        submit() {
            this.$refs.auditForm.validate().then(res => {
                console.log('校验通过', this.auditParams)
                this.request(API.submitAudit, 'POST', this.auditParams, true).then(res => {
                    if (res.code === 0) {
                        uni.showToast({
                            title: '审核提交成功',
                            icon: 'success'
                        });
                        setTimeout(() => {
                            this.$refs.popup.close();
                            uni.redirectTo({
                                url: '/pages/order/index'
                            });
                        }, 2000)
                    } else {
                        uni.showToast({
                            title: res.msg,
                            icon: 'none',
                            duration: 5000
                        });
                    }
                });
            }).catch(err => {
                console.log('校验失败', err)
            })
        },
        // 退回 
        approveReturn() {
            this.$refs.approveReturnPopup.open('bottom');
        },
        // 提交退回
        submitApproveReturn() {
            this.$refs.approveReturnForm.validate().then(res => {
                this.request(API.approveReturn, 'POST', this.approveReturnParams, true).then(res => {
                    if (res.code === 0) {
                        uni.showToast({
                            title: '审批退回成功',
                            icon: 'success'
                        });
                        setTimeout(() => {
                            this.$refs.approveReturnPopup.close();
                            uni.redirectTo({
                                url: '/pages/order/index'
                            });
                        }, 2000)
                    } else {
                        uni.showToast({
                            title: res.msg,
                            icon: 'none',
                            duration: 5000
                        });
                    }
                });
            })
        },
        // 显示合同列表
        showContractList() {
            // 从detail.order.contracts获取合同数据
            if (this.detail.order && this.detail.order.contracts) {
                this.contractList = this.detail.order.contracts;
                this.$refs.contractListPopup.open('bottom');
            } else {
                uni.showToast({
                    title: '暂无合同数据',
                    icon: 'none'
                });
            }
        },
        // 关闭合同列表弹窗
        closeContractList() {
            this.$refs.contractListPopup.close();
        },
        // 预览合同
        previewContract(contractId) {
            var API_BASE = window.location.hostname === "m.szxlyc.com" ? '//www.szxlyc.com' : '/api';
            var url = `${API_BASE}/app/order/contractDownLoad?order_id=${this.auditParams.order_id}&contract_id=${contractId}`;
            window.location.href = url;
        }
    }
}
</script>

<style scoped lang="scss">
@import '@/assets/css/admin/audit.scss';

::v-deep #scrollContainer {
    z-index: 2 !important;
}

::v-deep .checklist-group {
    margin-top: 5px;
}

::v-deep .uni-forms-item {
    margin-bottom: 17px !important;
}

::v-deep .uni-forms {
    width: 100%;
}

::v-deep .uni-forms-item__error {
    top: 36px !important;
}

::v-deep .auditFormLayer .uni-forms-item {
    margin-bottom: 6px !important;
}

::v-deep .uni-forms-item__label {
    font-size: 12px;
}
</style>